- 扫描 ID：
- aee90aca-12a1-47ef-9ad7-5cac94e3a2ee已完成
- 提交的 URL：
- https://pagatucelsia.space/
- 报告完成时间：
链接 · 找到 1 个
从页面中识别出的传出链接
| 链接 | 文本 |
|---|---|
| https://asistencia.webv2.allus.com.co/WebAPI802/VideoCallCelsia/VideoCall/customer.jsp |
JavaScript 变量 · 找到 3 个
在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量，可以从当前范围内的代码中的任何位置访问
| 名称 | 类型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
控制台日志消息 · 找到 0 条
记录到 Web 控制台的消息
HTML
页面的原始 HTML 正文
<html lang="es" mode="md" class="plt-desktop md hydrated"><head>
<meta charset="utf-8">
<style data-styles="">
ion-select-popover,
ion-select,
ion-select-option,
ion-menu-button,
ion-menu,
ion-menu-controller,
ion-menu-toggle,
ion-action-sheet,
ion-fab-button,
ion-fab,
ion-fab-list,
ion-refresher-content,
ion-refresher,
ion-alert,
ion-back-button,
ion-loading,
ion-toast,
ion-card,
ion-card-content,
ion-card-header,
ion-card-subtitle,
ion-card-title,
ion-item-option,
ion-item-options,
ion-item-sliding,
ion-infinite-scroll-content,
ion-infinite-scroll,
ion-reorder,
ion-reorder-group,
ion-segment-button,
ion-segment,
ion-tab-button,
ion-tab-bar,
ion-chip,
ion-modal,
ion-popover,
ion-searchbar,
ion-action-sheet-controller,
ion-alert-controller,
ion-anchor,
ion-loading-controller,
ion-modal-controller,
ion-picker-controller,
ion-popover-controller,
ion-toast-controller,
ion-app,
ion-buttons,
ion-content,
ion-footer,
ion-header,
ion-router-outlet,
ion-title,
ion-toolbar,
ion-nav,
ion-nav-link,
ion-nav-pop,
ion-nav-push,
ion-nav-set-root,
ion-route,
ion-route-redirect,
ion-router,
ion-router-link,
ion-avatar,
ion-badge,
ion-thumbnail,
ion-col,
ion-grid,
ion-row,
ion-slide,
ion-slides,
ion-checkbox,
ion-img,
ion-input,
ion-progress-bar,
ion-range,
ion-split-pane,
ion-text,
ion-textarea,
ion-toggle,
ion-virtual-scroll,
ion-picker,
ion-datetime,
ion-picker-column,
ion-radio,
ion-radio-group,
ion-spinner,
ion-backdrop,
ion-ripple-effect,
ion-button,
ion-icon,
ion-item-divider,
ion-item-group,
ion-note,
ion-skeleton-text,
ion-item,
ion-label,
ion-list,
ion-list-header {
visibility: hidden
}
.hydrated {
visibility: inherit
}
</style>
<title>Clientes</title>
<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<style data-styles="">
ion-split-pane {
left: 0;
right: 0;
top: 0;
bottom: 0;
display: -ms-flexbox;
display: flex;
position: absolute;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
contain: strict
}
.split-pane-visible>.split-pane-main,
.split-pane-visible>.split-pane-side {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: relative;
-ms-flex: 1;
flex: 1;
-webkit-box-shadow: none !important;
box-shadow: none !important;
z-index: 0
}
.split-pane-visible>.split-pane-side:not(ion-menu),
.split-pane-visible>ion-menu.split-pane-side.menu-enabled {
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0
}
.split-pane-side:not(ion-menu) {
display: none
}
.split-pane-visible>.split-pane-side {
-ms-flex-order: -1;
order: -1
}
.split-pane-visible>.split-pane-side[side=end] {
-ms-flex-order: 1;
order: 1
}
.split-pane-md {
--border: 1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))))
}
.split-pane-md.split-pane-visible>.split-pane-side {
min-width: 270px;
max-width: 28%;
border-right: var(--border);
border-left: 0
}
.split-pane-md.split-pane-visible>.split-pane-side[side=end] {
min-width: 270px;
max-width: 28%;
border-right: 0;
border-left: var(--border)
}
</style>
<style data-styles="">
ion-list {
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
display: block;
contain: content;
list-style-type: none
}
ion-list.list-inset {
-webkit-transform: translateZ(0);
transform: translateZ(0);
overflow: hidden
}
.list-md {
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 8px;
padding-bottom: 8px;
background: var(--ion-item-background, var(--ion-background-color, #fff))
}
.list-md>.input:last-child:after {
left: 0
}
:host-context([dir=rtl]) .list-md>.input:last-child:after,
[dir=rtl] .list-md>.input:last-child:after {
left: unset;
right: unset;
right: 0
}
.list-md.list-inset {
margin-left: 16px;
margin-right: 16px;
margin-top: 16px;
margin-bottom: 16px;
border-radius: 2px
}
@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0) {
.list-md.list-inset {
margin-left: unset;
margin-right: unset;
-webkit-margin-start: 16px;
margin-inline-start: 16px;
-webkit-margin-end: 16px;
margin-inline-end: 16px
}
}
.list-md.list-inset ion-item:first-child {
--border-radius: 2px 2px 0 0;
--border-width: 0 0 1px 0
}
.list-md.list-inset ion-item:last-child {
--border-radius: 0 0 2px, 2px;
--border-width: 0
}
.list-md.list-inset .item-interactive {
--padding-start: 0;
--padding-end: 0
}
.list-md.list-inset+ion-list.list-inset {
margin-top: 0
}
.list-md-lines-none .item {
--border-width: 0;
--inner-border-width: 0
}
.list-md-lines-full .item,
.list-md .item-lines-full {
--border-width: 0 0 1px 0
}
.list-md-lines-full .item {
--inner-border-width: 0
}
.list-md-lines-inset .item,
.list-md .item-lines-inset {
--inner-border-width: 0 0 1px 0
}
.list-md .item-lines-inset {
--border-width: 0
}
.list-md .item-lines-full {
--inner-border-width: 0
}
.list-md .item-lines-none {
--border-width: 0;
--inner-border-width: 0
}
</style>
<style data-styles="">
.item.sc-ion-label-md-h,
.item .sc-ion-label-md-h {
--color: initial;
display: block;
color: var(--color);
font-family: var(--ion-font-family, inherit);
font-size: inherit;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.ion-color.sc-ion-label-md-h {
color: var(--ion-color-base)
}
.ion-text-wrap.sc-ion-label-md-h,
[text-wrap].sc-ion-label-md-h {
white-space: normal
}
.item-interactive-disabled.sc-ion-label-md-h:not(.item-multiple-inputs),
.item-interactive-disabled:not(.item-multiple-inputs) .sc-ion-label-md-h {
cursor: default;
opacity: .3;
pointer-events: none
}
.item-input.sc-ion-label-md-h,
.item-input .sc-ion-label-md-h {
-ms-flex: initial;
flex: initial;
max-width: 200px;
pointer-events: none
}
.item-textarea.sc-ion-label-md-h,
.item-textarea .sc-ion-label-md-h {
-ms-flex-item-align: baseline;
align-self: baseline
}
.label-fixed.sc-ion-label-md-h {
-ms-flex: 0 0 100px;
flex: 0 0 100px;
width: 100px;
min-width: 100px;
max-width: 200px
}
.label-floating.sc-ion-label-md-h,
.label-stacked.sc-ion-label-md-h {
-ms-flex-item-align: stretch;
align-self: stretch;
width: auto;
max-width: 100%
}
.label-no-animate.label-floating.sc-ion-label-md-h {
-webkit-transition: none;
transition: none
}
.ion-text-wrap.sc-ion-label-md-h,
[text-wrap].sc-ion-label-md-h {
line-height: 1.5
}
.label-stacked.sc-ion-label-md-h {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: translate3d(0, 50%, 0) scale(.75);
transform: translate3d(0, 50%, 0) scale(.75);
-webkit-transition: color .15s cubic-bezier(.4, 0, .2, 1);
transition: color .15s cubic-bezier(.4, 0, .2, 1)
}
[dir=rtl].label-stacked.sc-ion-label-md-h,
[dir=rtl] .label-stacked.sc-ion-label-md-h,
[dir=rtl].sc-ion-label-md-h -no-combinator.label-stacked.sc-ion-label-md-h,
[dir=rtl] .sc-ion-label-md-h -no-combinator.label-stacked.sc-ion-label-md-h {
-webkit-transform-origin: right top;
transform-origin: right top
}
.label-floating.sc-ion-label-md-h {
-webkit-transform: translate3d(0, 96%, 0);
transform: translate3d(0, 96%, 0);
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transition: color .15s cubic-bezier(.4, 0, .2, 1), -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
transition: color .15s cubic-bezier(.4, 0, .2, 1), -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
transition: color .15s cubic-bezier(.4, 0, .2, 1), transform .15s cubic-bezier(.4, 0, .2, 1);
transition: color .15s cubic-bezier(.4, 0, .2, 1), transform .15s cubic-bezier(.4, 0, .2, 1), -webkit-transform .15s cubic-bezier(.4, 0, .2, 1)
}
[dir=rtl].label-floating.sc-ion-label-md-h,
[dir=rtl] .label-floating.sc-ion-label-md-h,
[dir=rtl].sc-ion-label-md-h -no-combinator.label-floating.sc-ion-label-md-h,
[dir=rtl] .sc-ion-label-md-h -no-combinator.label-floating.sc-ion-label-md-h {
-webkit-transform-origin: right top;
transform-origin: right top
}
.label-floating.sc-ion-label-md-h,
.label-stacked.sc-ion-label-md-h {
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0
}
.item-select.label-floating.sc-ion-label-md-h,
.item-select .label-floating.sc-ion-label-md-h {
-webkit-transform: translate3d(0, 130%, 0);
transform: translate3d(0, 130%, 0)
}
.item-has-focus.label-floating.sc-ion-label-md-h,
.item-has-focus .label-floating.sc-ion-label-md-h,
.item-has-placeholder.label-floating.sc-ion-label-md-h,
.item-has-placeholder .label-floating.sc-ion-label-md-h,
.item-has-value.label-floating.sc-ion-label-md-h,
.item-has-value .label-floating.sc-ion-label-md-h {
-webkit-transform: translate3d(0, 50%, 0) scale(.75);
transform: translate3d(0, 50%, 0) scale(.75)
}
.item-has-focus.label-floating.sc-ion-label-md-h,
.item-has-focus .label-floating.sc-ion-label-md-h,
.item-has-focus.label-stacked.sc-ion-label-md-h,
.item-has-focus .label-stacked.sc-ion-label-md-h {
color: var(--ion-color-primary, #3880ff)
}
.sc-ion-label-md-s h1 {
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 2px;
font-size: 24px;
font-weight: 400
}
.sc-ion-label-md-s h2 {
margin-left: 0;
margin-right: 0;
margin-top: 2px;
margin-bottom: 2px;
font-size: 16px;
font-weight: 400
}
.sc-ion-label-md-s h3,
.sc-ion-label-md-s h4,
.sc-ion-label-md-s h5,
.sc-ion-label-md-s h6 {
margin-left: 0;
margin-right: 0;
margin-top: 2px;
margin-bottom: 2px;
font-size: 14px;
font-weight: 400;
line-height: normal
}
.sc-ion-label-md-s p {
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 2px;
font-size: 14px;
line-height: 20px;
text-overflow: inherit;
overflow: inherit
}
.sc-ion-label-md-s>p {
color: var(--ion-color-step-600, #666)
}
.sc-ion-label-md-h.ion-color.sc-ion-label-md-s>p,
.ion-color .sc-ion-label-md-h.sc-ion-label-md-s>p {
color: inherit
}
</style>
<style data-styles="">
ion-header {
display: block;
position: relative;
-ms-flex-order: -1;
order: -1;
width: 100%;
z-index: 10
}
ion-header ion-toolbar:first-child {
padding-top: var(--ion-safe-area-top, 0)
}
.header-md:after {
left: 0;
bottom: -5px;
background-position: left 0 top -2px;
position: absolute;
width: 100%;
height: 5px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHBAMAAADzDtBxAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMUCS0gBIh/TXEAAAAaSURBVAjXYxCEAgY4UIICBmMogMsgFLtAAQCNSwXZKOdPxgAAAABJRU5ErkJggg==);
background-repeat: repeat-x;
content: ""
}
:host-context([dir=rtl]) .header-md:after,
[dir=rtl] .header-md:after {
left: unset;
right: unset;
right: 0;
background-position: right 0 top -2px
}
.header-collapse-condense,
.header-md[no-border]:after {
display: none
}
</style>
<style data-styles="">
.sc-ion-buttons-md-h {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 99
}
.sc-ion-buttons-md-s ion-button {
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
--padding-top: 0;
--padding-bottom: 0;
--padding-start: 8px;
--padding-end: 8px;
--box-shadow: none;
margin-left: 2px;
margin-right: 2px;
height: 32px;
font-size: 14px;
font-weight: 500
}
@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0) {
.sc-ion-buttons-md-s ion-button {
margin-left: unset;
margin-right: unset;
-webkit-margin-start: 2px;
margin-inline-start: 2px;
-webkit-margin-end: 2px;
margin-inline-end: 2px
}
}
.sc-ion-buttons-md-s ion-button:not(.button-round) {
--border-radius: 2px
}
.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button,
.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button {
--color: initial;
--color-focused: var(--ion-color-contrast);
--color-hover: var(--ion-color-contrast);
--background-hover: rgba(var(--ion-color-contrast-rgb), 0.08);
--background-focused: rgba(var(--ion-color-contrast-rgb), 0.24)
}
.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button-solid,
.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button-solid {
--background: var(--ion-color-contrast);
--background-activated: var(--ion-color-contrast);
--background-focused: var(--ion-color-shade);
--background-hover: var(--ion-color-tint);
--color: var(--ion-color-base);
--color-focused: var(--ion-color-base);
--color-hover: var(--ion-color-base)
}
.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button-outline,
.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button-outline {
--border-color: var(--ion-color-contrast)
}
.sc-ion-buttons-md-s .button-has-icon-only.button-clear {
--padding-top: 12px;
--padding-end: 12px;
--padding-bottom: 12px;
--padding-start: 12px;
--border-radius: 50%;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
width: 48px;
height: 48px
}
.sc-ion-buttons-md-s .button {
--background-hover: rgba(66, 66, 66, 0.08)
}
.sc-ion-buttons-md-s .button-solid {
--color: var(--ion-toolbar-background, var(--ion-background-color, #fff));
--color-activated: var(--ion-toolbar-background, var(--ion-background-color, #fff));
--background: var(--ion-toolbar-color, var(--ion-text-color, #424242));
--background-activated: var(--ion-toolbar-color, var(--ion-text-color, #424242));
--background-focused: var(--ion-toolbar-color-activated, #4a4a4a);
--background-hover: rgba(66, 66, 66, 0.92)
}
.sc-ion-buttons-md-s .button-outline {
--background: transparent;
--background-activated: transparent;
--border-color: var(--ion-toolbar-color, var(--ion-text-color, #424242));
--background-focused: rgba(66, 66, 66, 0.1)
}
.sc-ion-buttons-md-s .button-clear,
.sc-ion-buttons-md-s .button-outline {
--color: initial;
--color-activated: currentColor;
--color-focused: var(--ion-toolbar-color, var(--ion-text-color, #424242))
}
.sc-ion-buttons-md-s .button-clear {
--background: transparent;
--background-focused: rgba(66, 66, 66, 0.1)
}
.sc-ion-buttons-md-s ion-icon[slot=start] {
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
margin-right: .3em;
font-size: 1.4em
}
@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0) {
.sc-ion-buttons-md-s ion-icon[slot=start] {
margin-right: unset;
-webkit-margin-end: .3em;
margin-inline-end: .3em
}
}
.sc-ion-buttons-md-s ion-icon[slot=end] {
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: .4em;
font-size: 1.4em
}
@supports ((-webkit-margin-start:0) or (margin-inline-start:0)) or (-webkit-margin-start:0) {
.sc-ion-buttons-md-s ion-icon[slot=end] {
margin-left: unset;
-webkit-margin-start: .4em;
margin-inline-start: .4em
}
}
.sc-ion-buttons-md-s ion-icon[slot=icon-only] {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 1.8em
}
</style>
<link rel="icon" type="image/png" href="assets/favicon.ico">
<!--
-->
<link rel="stylesheet" href="https://luziachatbot-deploy-prd-app.azurewebsites.net/css/homeChat.css">
<link rel="stylesheet" href="https://luziachatbot-deploy-prd-app.azurewebsites.net/css/chatbot.css">
<link rel="stylesheet" href="https://luziachatbot-deploy-prd-app.azurewebsites.net/css/w3.css">
<!-- add to homescreen for ios -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet">
<!-- End Matomo Code -->
<link rel="stylesheet" href="css/styles.6dadf3044ce8ae783add.css">
<style>
.--dropdown-header[_ngcontent-yec-c0] {
padding: 0;
width: 170px;
top: 50px;
bottom: auto;
right: 15px;
left: auto
}
.--dropdown-header[_ngcontent-yec-c0] .dropdown-item[_ngcontent-yec-c0] {
padding: 5px
}
.--dropdown-header[_ngcontent-yec-c0] .dropdown-item[_ngcontent-yec-c0] [_ngcontent-yec-c0]:hover {
border-bottom: 1px solid #ff812c
}
.close-button[_ngcontent-yec-c0] {
position: absolute;
z-index: 1;
right: 10px;
top: 10px
}
.close-button[_ngcontent-yec-c0] ion-icon[_ngcontent-yec-c0] {
font-size: 24px
}
.material-icon[_ngcontent-yec-c0] svg[_ngcontent-yec-c0] {
width: 54px;
height: 54px
}
mat-expansion-panel-header[_ngcontent-yec-c0] {
background: #f9f9f9;
padding: 0 20px 0 31px !important;
border-radius: 5px;
border-bottom: none !important
}
.mat-accordion[_ngcontent-yec-c0] .mat-expansion-indicator[_ngcontent-yec-c0] {
color: #708090 !important
}
.mat-expansion-panel-header.mat-expanded[_ngcontent-yec-c0]:focus,
.mat-expansion-panel-header.mat-expanded[_ngcontent-yec-c0]:hover,
.mat-expansion-panel[_ngcontent-yec-c0]:not(.mat-expanded) .mat-expansion-panel-header[_ngcontent-yec-c0]:hover:not([aria-disabled=true]) {
background: #e8e7e5 !important
}
ion-split-pane[_ngcontent-yec-c0] ion-menu.celsia-menu[_ngcontent-yec-c0] {
width: 55px !important;
min-width: 55px !important;
background-color: red !important;
--background: red !important;
--ion-background: red !important
}
ion-split-pane[_ngcontent-yec-c0] ion-menu.celsia-menu[_ngcontent-yec-c0] ion-content[_ngcontent-yec-c0] {
width: 55px !important;
min-width: 55px !important;
background: red !important;
--background: red !important;
--ion-background: red !important
}
ion-split-pane[_ngcontent-yec-c0] ion-menu.celsia-menu[_ngcontent-yec-c0] ion-content[_ngcontent-yec-c0] ion-list[_ngcontent-yec-c0],
ion-split-pane[_ngcontent-yec-c0] ion-menu.celsia-menu[_ngcontent-yec-c0] ion-content[_ngcontent-yec-c0] ion-list[_ngcontent-yec-c0] ion-item[_ngcontent-yec-c0],
ion-split-pane[_ngcontent-yec-c0] ion-menu.celsia-menu[_ngcontent-yec-c0] ion-content[_ngcontent-yec-c0] ion-list[_ngcontent-yec-c0] ion-list-header[_ngcontent-yec-c0] {
background: red !important;
--background: red !important;
--ion-background: red !important
}
.main-menu[_ngcontent-yec-c0],
ion-menu[_ngcontent-yec-c0] {
width: 55px !important;
min-width: 55px !important
}
.submenuactive[_ngcontent-yec-c0] {
display: block !important
}
@media screen and (min-width:991px) {
.customTheme[_ngcontent-yec-c0] .main-menu[_ngcontent-yec-c0] {
background-color: #f5f6f7;
width: 55px !important;
min-width: 55px !important;
margin-top: 100px
}
}
@media only screen and (max-width:600px) {
.customTheme[_ngcontent-yec-c0] .main-menu[_ngcontent-yec-c0] {
width: 300px !important
}
.celsia-sidebar[_ngcontent-yec-c0] {
width: 300px !important;
height: 100vh !important
}
.celsia-sidebar[_ngcontent-yec-c0] ion-content[_ngcontent-yec-c0] ion-item[_ngcontent-yec-c0] ion-label[_ngcontent-yec-c0] {
display: block
}
.celsia-sidebar[_ngcontent-yec-c0] ion-content[_ngcontent-yec-c0] ion-item[_ngcontent-yec-c0] .custom-angle-right[_ngcontent-yec-c0] {
width: 10px !important;
height: 10px !important;
color: #383838;
display: block
}
}
</style>
<style>
.mat-icon {
background-repeat: no-repeat;
display: inline-block;
fill: currentColor;
height: 24px;
width: 24px
}
.mat-icon.mat-icon-inline {
font-size: inherit;
height: inherit;
line-height: inherit;
width: inherit
}
[dir=rtl] .mat-icon-rtl-mirror {
transform: scale(-1, 1)
}
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon {
display: block
}
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-icon {
margin: auto
}
</style>
<style>
@font-face {
font-family: "Raleway Bold";
src: url(Raleway-Bold.f49f3d2d9df5013c9bfa.ttf)
}
@font-face {
font-family: "Raleway SemiBold";
src: url(Raleway-SemiBold.5a25c50b181b07279489.ttf)
}
@font-face {
font-family: "Raleway Regular";
src: url(Raleway-Regular.9942588a6c84f9591325.ttf)
}
@font-face {
font-family: "Raleway Medium";
src: url(Raleway-Medium.bb5ae98e4ce1a6404209.ttf)
}
.bg[_ngcontent-yec-c2],
ion-content[_ngcontent-yec-c2] {
background: #f1f1f1 !important;
--background: #F1F1F1 !important
}
.w-100[_ngcontent-yec-c2] {
width: 100%
}
.w-90[_ngcontent-yec-c2] {
width: 90%
}
.w-80[_ngcontent-yec-c2] {
width: 80%
}
.mb-10[_ngcontent-yec-c2] {
margin-bottom: 10px
}
.mb-15[_ngcontent-yec-c2] {
margin-bottom: 15px
}
.d-flex[_ngcontent-yec-c2],
.display[_ngcontent-yec-c2] {
display: flex
}
.justify-content-end[_ngcontent-yec-c2] {
justify-content: end
}
.justify-content-between[_ngcontent-yec-c2] {
justify-content: space-between
}
.color-orange[_ngcontent-yec-c2] {
color: #ff812e !important
}
b[_ngcontent-yec-c2],
h1[_ngcontent-yec-c2],
h2[_ngcontent-yec-c2],
h3[_ngcontent-yec-c2] {
font-family: "Raleway Bold" !important
}
a[_ngcontent-yec-c2],
button[_ngcontent-yec-c2],
label[_ngcontent-yec-c2],
mat-button[_ngcontent-yec-c2],
mat-option[_ngcontent-yec-c2],
p[_ngcontent-yec-c2],
span[_ngcontent-yec-c2] {
font-family: "Raleway Regular" !important
}
hr[_ngcontent-yec-c2] {
width: 100% !important;
height: 2px !important;
background-color: #d9dbe9 !important
}
.pl-20[_ngcontent-yec-c2] {
padding-left: 20px
}
.title[_ngcontent-yec-c2] {
font-size: 2.5rem;
line-height: 100%;
margin-bottom: 10px;
font-weight: 700;
font-family: "Raleway Bold"
}
.title-indicator[_ngcontent-yec-c2] {
font-weight: 700;
font-size: .8rem;
color: #999;
font-family: "Raleway Regular"
}
.second-title[_ngcontent-yec-c2] {
font-size: 1.5rem;
color: #3f3f3f;
line-height: 100%;
margin-bottom: 10px;
font-weight: 700;
font-family: "Raleway Regular"
}
.billing-main-info[_ngcontent-yec-c2] {
font-family: "Raleway Bold";
color: #3f3f3f;
font-weight: 700
}
.billing-secondary-info[_ngcontent-yec-c2] {
font-family: "Raleway Regular";
color: #999
}
.paragraph[_ngcontent-yec-c2],
.third-title[_ngcontent-yec-c2] {
font-family: "Raleway Regular";
font-style: normal;
font-weight: 600;
font-size: 1rem;
line-height: 13px;
color: #999
}
.paragraph.light[_ngcontent-yec-c2],
.third-title.light[_ngcontent-yec-c2] {
font-weight: 300
}
.paragraph.color-dark[_ngcontent-yec-c2],
.third-title.color-dark[_ngcontent-yec-c2] {
color: #333
}
.bold[_ngcontent-yec-c2] {
font-family: "Raleway SemiBold";
color: #333
}
.container-section[_ngcontent-yec-c2] {
border-radius: 5;
margin-top: 15px;
margin-bottom: 15px
}
.container-section[_ngcontent-yec-c2] .form-section[_ngcontent-yec-c2] {
width: 78%;
height: 100%;
display: block;
padding: 30px;
border-radius: 5;
background-color: #fff
}
.container-section[_ngcontent-yec-c2] .form-section[_ngcontent-yec-c2] .container-option-box[_ngcontent-yec-c2] {
width: 100%
}
.container-section[_ngcontent-yec-c2] .form-section[_ngcontent-yec-c2] .container-option-box[_ngcontent-yec-c2] .option-box[_ngcontent-yec-c2] {
border: 2px solid #cacaca;
border-radius: 2px;
padding: 15px;
margin: 5px;
width: 135px !important;
height: 130px !important;
line-height: 15px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
font-family: Raleway;
font-style: normal;
font-weight: 500;
font-size: 1rem;
text-align: center;
color: #3f3f3f;
cursor: pointer
}
.container-section[_ngcontent-yec-c2] .form-section[_ngcontent-yec-c2] .container-option-box[_ngcontent-yec-c2] .option-box[_ngcontent-yec-c2] img[_ngcontent-yec-c2] {
width: 40px;
height: 40px;
margin: 10px;
transition: .5s all
}
.container-section[_ngcontent-yec-c2] .form-section[_ngcontent-yec-c2] .container-option-box[_ngcontent-yec-c2] .option-box.active[_ngcontent-yec-c2],
.container-section[_ngcontent-yec-c2] .form-section[_ngcontent-yec-c2] .container-option-box[_ngcontent-yec-c2] .option-box[_ngcontent-yec-c2]:hover {
border: 2px solid #ff812e
}
.container-section[_ngcontent-yec-c2] .form-section[_ngcontent-yec-c2] .container-option-box[_ngcontent-yec-c2] .option-box.active[_ngcontent-yec-c2] p[_ngcontent-yec-c2],
.container-section[_ngcontent-yec-c2] .form-section[_ngcontent-yec-c2] .container-option-box[_ngcontent-yec-c2] .option-box[_ngcontent-yec-c2]:hover p[_ngcontent-yec-c2] {
color: #ff812e
}
.container-section[_ngcontent-yec-c2] .form-section[_ngcontent-yec-c2] .container-option-box[_ngcontent-yec-c2] .option-box-extended[_ngcontent-yec-c2] {
border: 2px solid #cacaca;
font-weight: 600;
border-radius: 2px;
padding: 15px 25px;
margin: 5px;
max-width: 335px !important;
height: 135px !important;
justify-content: flex-start;
line-height: 15px;
display: inline-block;
align-items: flex-start;
font-family: Raleway;
font-style: normal;
font-size: .8rem;
text-align: start;
color: #999;
cursor: pointer
}
.container-section[_ngcontent-yec-c2] .form-section[_ngcontent-yec-c2] .container-option-box[_ngcontent-yec-c2] .option-box-extended.active[_ngcontent-yec-c2],
.container-section[_ngcontent-yec-c2] .form-section[_ngcontent-yec-c2] .container-option-box[_ngcontent-yec-c2] .option-box-extended[_ngcontent-yec-c2]:hover {
border: 2px solid #ff812e;
color: #ff812e
}
.container-section[_ngcontent-yec-c2] .form-section[_ngcontent-yec-c2] .container-option-box[_ngcontent-yec-c2] .option-box-extended.active[_ngcontent-yec-c2] p.paragraph[_ngcontent-yec-c2],
.container-section[_ngcontent-yec-c2] .form-section[_ngcontent-yec-c2] .container-option-box[_ngcontent-yec-c2] .option-box-extended[_ngcontent-yec-c2]:hover p.paragraph[_ngcontent-yec-c2] {
color: #ff812e
}
.container-section[_ngcontent-yec-c2] .form-section[_ngcontent-yec-c2] .container-option-box[_ngcontent-yec-c2] .option-box-extended.hide[_ngcontent-yec-c2] {
display: none
}
.container-section[_ngcontent-yec-c2] .step-by-step-section[_ngcontent-yec-c2] {
width: 22% !important;
display: flex
}
.container-section[_ngcontent-yec-c2] .step-by-step-section[_ngcontent-yec-c2] .container-info-step-by-step[_ngcontent-yec-c2] {
width: 95%;
height: 340px;
margin-left: 10px;
background-color: #fff;
border: 1px solid #e7e7e7;
border-radius: 2px;
padding: 15px 25px 25px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
width: -webkit-fill-available
}
.container-section[_ngcontent-yec-c2] .step-by-step-section[_ngcontent-yec-c2] .container-info-step-by-step[_ngcontent-yec-c2] .maquetaSteps[_ngcontent-yec-c2] {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start
}
.container-section[_ngcontent-yec-c2] .step-by-step-section[_ngcontent-yec-c2] .container-info-step-by-step[_ngcontent-yec-c2] .maquetaSteps[_ngcontent-yec-c2] .maquetaSteps-step[_ngcontent-yec-c2] {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 8px;
margin-top: 8px;
cursor: pointer
}
.container-section[_ngcontent-yec-c2] .step-by-step-section[_ngcontent-yec-c2] .container-info-step-by-step[_ngcontent-yec-c2] .maquetaSteps[_ngcontent-yec-c2] .maquetaSteps-step[_ngcontent-yec-c2] .stepNumber[_ngcontent-yec-c2] {
width: 27px;
height: 27px;
color: #999;
background-color: #d9d9d9;
border-radius: 50%;
padding: 3px 10px;
margin-right: 10px
}
.container-section[_ngcontent-yec-c2] .step-by-step-section[_ngcontent-yec-c2] .container-info-step-by-step[_ngcontent-yec-c2] .maquetaSteps[_ngcontent-yec-c2] .maquetaSteps-step[_ngcontent-yec-c2] .stepNumber.active[_ngcontent-yec-c2] {
color: #fff;
background-color: #ff812d
}
.container-section[_ngcontent-yec-c2] .step-by-step-section[_ngcontent-yec-c2] .container-info-step-by-step[_ngcontent-yec-c2] .maquetaSteps[_ngcontent-yec-c2] .maquetaSteps-step[_ngcontent-yec-c2] .stepNumber.checked[_ngcontent-yec-c2] {
color: #fff;
background-color: #00c08c
}
.container-section[_ngcontent-yec-c2] .step-by-step-section[_ngcontent-yec-c2] .container-info-step-by-step[_ngcontent-yec-c2] .maquetaSteps[_ngcontent-yec-c2] .maquetaSteps-step[_ngcontent-yec-c2] .stepText[_ngcontent-yec-c2] {
font-family: "Raleway SemiBold"
}
.customTheme[_ngcontent-yec-c2] .mat-tab-header[_ngcontent-yec-c2] {
display: none
}
.mat-tab-header[_ngcontent-yec-c2],
mat-tab-header[_ngcontent-yec-c2] {
display: none;
--display: none
}
.custom-mat-tab-group[_ngcontent-yec-c2] .mat-tab-header[_ngcontent-yec-c2] {
display: none
}
.mat-tab-header {
display: none !important
}
.button-uploap-file[_ngcontent-yec-c2] {
position: relative;
width: 100%;
padding: 10px 25px;
min-height: 80px;
max-height: 150px;
border-radius: 10px;
display: flex;
justify-content: center;
cursor: pointer
}
.button-uploap-file[_ngcontent-yec-c2] .image-icon[_ngcontent-yec-c2] {
width: 45px;
height: 45px;
margin-right: 10px
}
.button-file[_ngcontent-yec-c2] {
display: flex;
justify-content: flex-start
}
.button-file.button-orange[_ngcontent-yec-c2],
.button-uploap-file.background-orange[_ngcontent-yec-c2] {
background-color: #ff812e;
color: #fff
}
.button-file.button-orange[_ngcontent-yec-c2] p[_ngcontent-yec-c2],
.button-uploap-file.background-orange[_ngcontent-yec-c2] p[_ngcontent-yec-c2] {
color: #fff
}
.border-dotted[_ngcontent-yec-c2] {
border: 2px dotted #dedede
}
.button-uploap-file.hidden[_ngcontent-yec-c2],
.hidden[_ngcontent-yec-c2] {
opacity: 0
}
.button-uploap-file[_ngcontent-yec-c2] .text-btn-file[_ngcontent-yec-c2] {
font-family: "Segoe UI", Arial, sans-serif;
color: #9e9e9e !important
}
.button-uploap-file[_ngcontent-yec-c2] .text-btn-file[_ngcontent-yec-c2] .color-orange[_ngcontent-yec-c2] {
color: #ff812e !important;
text-decoration: underline;
font-weight: 500
}
.container-selected-image[_ngcontent-yec-c2] {
position: absolute;
left: 0;
top: 0;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 15px;
width: 100%;
height: 100%;
border-radius: 10px;
border: 1px solid #e1e1e1;
background-color: #f1f1f1
}
.container-selected-image.button-white[_ngcontent-yec-c2] {
border-radius: 5px;
background-color: #fff
}
.container-selected-image.active[_ngcontent-yec-c2] {
z-index: 2
}
button.bg-white[_ngcontent-yec-c2] {
background-color: #fff !important;
--background-color: #fff !important;
border: 1px solid #ff812e;
--border: 1px solid $colorOrange;
color: #ff812e;
margin-right: 15px
}
button.bg-white[_ngcontent-yec-c2]:hover {
--background-color: #f1f1f1;
background-color: #f1f1f1;
color: #3f3f3f
}
button.bg-orange[_ngcontent-yec-c2]:hover {
--background: #555;
--background-color: #555;
background-color: #555;
color: #fff
}
.container-files[_ngcontent-yec-c2] {
position: relative;
width: 100%;
margin: auto;
display: block
}
.container-files[_ngcontent-yec-c2] .file-row[_ngcontent-yec-c2] {
width: 100%;
padding: 10px;
height: 70px;
display: flex;
justify-content: space-between;
align-items: center;
border: 2px solid #dedede
}
.container-files[_ngcontent-yec-c2] .file-row[_ngcontent-yec-c2] .image-icon[_ngcontent-yec-c2] {
width: 40px;
height: 40px;
margin-left: 10px;
border-radius: 4px
}
.container-files[_ngcontent-yec-c2] .file-row[_ngcontent-yec-c2] .container-controls[_ngcontent-yec-c2] button[_ngcontent-yec-c2] {
padding: 10px;
margin-right: 6px
}
.bg-transparent[_ngcontent-yec-c2] {
background-color: transparent;
--background-color: transparent;
--ion-background: transparent
}
.border-dark[_ngcontent-yec-c2] {
border: 2px solid #5f5f5f
}
.color-dark[_ngcontent-yec-c2] {
color: #5f5f5f !important
}
.invoice-status[_ngcontent-yec-c2] {
display: inline-block;
height: 37px !important;
padding: 9px 15px;
border-radius: 15px;
background-color: #e0e0e0 !important;
color: #333;
margin-right: 10px;
transform: translateY(10px) !important
}
.invoice-status.danger[_ngcontent-yec-c2] {
background-color: #f60041 !important;
color: #fff
}
.invoice-status.success[_ngcontent-yec-c2] {
background-color: #00c08c !important;
color: #fff
}
.invoice-status.warning[_ngcontent-yec-c2] {
background-color: #ffc120 !important;
color: #fff
}
.invoice-status.unable[_ngcontent-yec-c2] {
background-color: #e0e0e0 !important;
color: #333
}
@media only screen and (max-width:600px) {
.display[_ngcontent-yec-c2] {
display: block
}
.container-section[_ngcontent-yec-c2] {
padding: 0 !important
}
.container-section[_ngcontent-yec-c2] .form-section[_ngcontent-yec-c2],
.container-section[_ngcontent-yec-c2] .form-section[_ngcontent-yec-c2] .container-info-step-by-step[_ngcontent-yec-c2],
.container-section[_ngcontent-yec-c2] .step-by-step-section[_ngcontent-yec-c2],
.container-section[_ngcontent-yec-c2] .step-by-step-section[_ngcontent-yec-c2] .container-info-step-by-step[_ngcontent-yec-c2] {
width: 100% !important
}
.container-section[_ngcontent-yec-c2] .form-section[_ngcontent-yec-c2] {
margin-bottom: 15px
}
ion-grid[_ngcontent-yec-c2],
ion-grid[_ngcontent-yec-c2] ion-row.container[_ngcontent-yec-c2] {
padding: 0 !important
}
.button-uploap-file[_ngcontent-yec-c2] .image-icon[_ngcontent-yec-c2] {
position: relative;
transform: translateY(25px)
}
}
.custom-form[_ngcontent-yec-c2],
.custom-form[_ngcontent-yec-c2] .container-iteration[_ngcontent-yec-c2] {
width: 100%;
display: flex;
flex-wrap: wrap
}
.custom-form[_ngcontent-yec-c2] .container-iteration[_ngcontent-yec-c2] ion-row.w-50[_ngcontent-yec-c2] {
width: 50% !important;
margin-right: 5px !important
}
.w-50[_ngcontent-yec-c2] {
width: 49% !important;
margin-right: 5px !important
}
.w-95[_ngcontent-yec-c2] {
width: 95% !important
}
.container-popup[_ngcontent-yec-c2] .section-divider[_ngcontent-yec-c2] {
width: 100%;
padding: 10px
}
.container-popup[_ngcontent-yec-c2] i[_ngcontent-yec-c2],
.container-popup[_ngcontent-yec-c2] mat-icon.alert-icon[_ngcontent-yec-c2] {
font-size: 35px;
color: #ff812e;
text-align: center;
margin: auto 10px auto auto
}
.container-alert[_ngcontent-yec-c2] .title[_ngcontent-yec-c2] {
font-size: 22px;
font-family: "Raleway Bold"
}
.hidden[_ngcontent-yec-c2] {
display: none !important
}
.tooltip[_ngcontent-yec-c2] {
position: relative;
display: inline-block
}
.tooltip[_ngcontent-yec-c2] .tooltiptext[_ngcontent-yec-c2] {
visibility: hidden;
width: 120px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity .3s
}
.tooltip[_ngcontent-yec-c2] .tooltiptext[_ngcontent-yec-c2]::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent
}
.tooltip[_ngcontent-yec-c2]:hover .tooltiptext[_ngcontent-yec-c2] {
visibility: visible;
opacity: 1
}
.button-file[_ngcontent-yec-c2] {
position: relative;
width: 100%;
padding: 10px 25px;
border-radius: 10px;
justify-content: flex-start;
color: #fff
}
.button-file[_ngcontent-yec-c2] .image-icon[_ngcontent-yec-c2] {
width: 40px;
height: 40px;
margin-right: 10px
}
.button-file[_ngcontent-yec-c2] p[_ngcontent-yec-c2] {
color: #fff
}
.w-40[_ngcontent-yec-c2] {
width: 40%
}
.box-option.h-100[_ngcontent-yec-c2] {
height: 100%
}
.background-orange[_ngcontent-yec-c2] {
background-color: #ff812c !important
}
.celsia-badge._desktop[_ngcontent-yec-c2],
.desktop[_ngcontent-yec-c2],
.invoice-status._desktop[_ngcontent-yec-c2] {
display: none !important
}
.celsia-badge._mobile[_ngcontent-yec-c2],
.invoice-status._mobile[_ngcontent-yec-c2] {
display: inline-flex !important;
transform: translateY(1px) !important
}
.celsia-badge[_ngcontent-yec-c2] {
height: 30px;
min-width: 24px;
line-height: 0;
border-radius: 6px;
cursor: default;
align-items: center;
white-space: nowrap;
display: inline-flex;
justify-content: center;
padding: 0 8px;
font-size: .75rem;
font-weight: 700;
transition: all .2s cubic-bezier(.4, 0, .2, 1) 0s
}
.celsia-badge.danger[_ngcontent-yec-c2] {
color: #b71d18;
background-color: rgba(255, 86, 48, .16)
}
.celsia-badge.warning[_ngcontent-yec-c2] {
color: #b76e00;
background-color: rgba(255, 171, 0, .16)
}
.celsia-badge.success[_ngcontent-yec-c2] {
color: #118d57 !important;
background-color: #d3efdf !important
}
.text-address[_ngcontent-yec-c2] {
margin: 0 0 8px !important;
text-align: left;
width: 95%;
line-height: 20px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.aditional-text[_ngcontent-yec-c2] {
margin: 0 0 8px !important;
text-align: left;
width: 95%;
line-height: 20px
}
.form-acctId[_ngcontent-yec-c2] {
display: block !important
}
.form-acctId[_ngcontent-yec-c2] .button-search[_ngcontent-yec-c2] {
width: 100%;
margin-bottom: 15px !important
}
.form-acctId[_ngcontent-yec-c2] .button-search[_ngcontent-yec-c2] button[_ngcontent-yec-c2] {
width: 100%
}
.button-edit[_ngcontent-yec-c2] {
transform: translateY(-12px) translateX(-50px)
}
.text-abono[_ngcontent-yec-c2] {
transform: translateY(-7px)
}
@media only screen and (min-width:1024px) {
.desktop[_ngcontent-yec-c2] {
display: block !important
}
.mobile[_ngcontent-yec-c2] {
display: none !important
}
.text-address[_ngcontent-yec-c2] {
margin: 0 !important;
text-align: left;
width: 25%;
line-height: 20px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.aditional-text[_ngcontent-yec-c2] {
margin: 0 !important;
text-align: left;
width: 25%;
line-height: 20px
}
.celsia-badge._mobile[_ngcontent-yec-c2],
.invoice-status._mobile[_ngcontent-yec-c2] {
display: none !important
}
.celsia-badge._desktop[_ngcontent-yec-c2],
.invoice-status._desktop[_ngcontent-yec-c2] {
display: inline-flex !important
}
.form-acctId[_ngcontent-yec-c2] {
display: flex !important;
align-items: center
}
.form-acctId[_ngcontent-yec-c2] .button-search[_ngcontent-yec-c2] {
width: auto;
height: 50px;
margin-bottom: 15px !important;
transform: translateY(-10px) !important
}
.form-acctId[_ngcontent-yec-c2] .button-search[_ngcontent-yec-c2] button[_ngcontent-yec-c2] {
width: auto
}
.button-edit[_ngcontent-yec-c2] {
transform: translateY(0) translateX(0)
}
.text-abono[_ngcontent-yec-c2] {
transform: translateY(0)
}
}
.customTheme[_ngcontent-yec-c2] mat-checkbox[_ngcontent-yec-c2] .mat-checkbox-label[_ngcontent-yec-c2],
.mat-checkbox-label[_ngcontent-yec-c2],
.mat-checkbox-layout[_ngcontent-yec-c2] .mat-checkbox-label[_ngcontent-yec-c2] {
line-height: 20px !important
}
@media screen and (min-width:992px) {
.mat-checkbox-label[_ngcontent-yec-c2] {
line-height: auto !important
}
.container-imagen-pago[_ngcontent-yec-c2] .custom-popup[_ngcontent-yec-c2],
.container-imagen-pago[_ngcontent-yec-c2] .custom-popup[_ngcontent-yec-c2] .container-body[_ngcontent-yec-c2] {
height: 596px !important
}
.responsive[_ngcontent-yec-c2] {
display: block !important
}
}
.button-equal-input[_ngcontent-yec-c2] {
height: 47px;
margin-top: 3px
}
.container-imagen-pago[_ngcontent-yec-c2] {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: auto;
z-index: 5000 !important;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, .255)
}
.container-imagen-pago[_ngcontent-yec-c2] .custom-popup[_ngcontent-yec-c2] {
position: relative;
width: 522px;
height: 478px !important;
margin: auto
}
.container-imagen-pago[_ngcontent-yec-c2] .custom-popup[_ngcontent-yec-c2] .buttonCerrar[_ngcontent-yec-c2] {
position: absolute;
right: 0;
background-color: transparent;
border-radius: 1.5em;
color: bisque;
text-transform: uppercase;
font-size: x-large;
padding: 8px 15px;
margin-top: 10px;
z-index: 500
}
.container-imagen-pago[_ngcontent-yec-c2] .custom-popup[_ngcontent-yec-c2] .container-body[_ngcontent-yec-c2] {
position: absolute;
bottom: 0;
width: 100%;
height: 478px !important
}
.container-imagen-pago[_ngcontent-yec-c2] .custom-popup[_ngcontent-yec-c2] .container-body[_ngcontent-yec-c2] .imagen-pago[_ngcontent-yec-c2] {
position: relative;
width: 100%;
height: 100%
}
.button-help[_ngcontent-yec-c2] {
position: absolute;
left: 101px;
top: 16.3px;
z-index: 2;
cursor: pointer
}
.button-help[_ngcontent-yec-c2]:hover+.container-alert[_ngcontent-yec-c2] {
display: block
}
.button-help[_ngcontent-yec-c2] mat-icon[_ngcontent-yec-c2] {
font-size: 18px;
transition: all .2s ease-in
}
.button-help.focus[_ngcontent-yec-c2] mat-icon[_ngcontent-yec-c2] {
transform: translate(-25px, -5px);
font-size: 13px;
transition: all .2s ease-in-out
}
.container-popup[_ngcontent-yec-c2] {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2000;
background-color: rgba(0, 0, 0, .255);
display: flex;
justify-content: center;
align-items: center
}
.container-popup[_ngcontent-yec-c2] .container-alert[_ngcontent-yec-c2] {
max-height: 650px;
display: block;
width: 410px;
max-height: 610px
}
.container-popup[_ngcontent-yec-c2] .button-close[_ngcontent-yec-c2] {
position: absolute;
right: 15px;
top: 20px;
background-color: transparent;
font-size: 18px
}
.container-popup[_ngcontent-yec-c2] mat-icon.alert-icon[_ngcontent-yec-c2] {
font-size: 35px;
color: #ff812e;
text-align: center;
margin: auto 10px auto auto
}
.container-alert[_ngcontent-yec-c2] {
box-shadow: 12px 12px 23px 0 rgba(0, 0, 0, .1);
position: relative;
width: 350px;
height: auto;
padding: 20px;
border-radius: 10px;
background-color: #fff;
box-shadow: 12px 12px 23px 0 rgba(0, 0, 0, .1);
text-align: center;
display: none
}
.container-alert[_ngcontent-yec-c2] .third-title[_ngcontent-yec-c2] {
font-family: "Raleway SemiBold"
}
.container-alert[_ngcontent-yec-c2] p[_ngcontent-yec-c2] {
font-family: "Raleway Regular"
}
.container-alert.pabsoluta[_ngcontent-yec-c2] {
position: absolute;
top: 40px;
left: 120px
}
.mt-10[_ngcontent-yec-c2] {
margin-top: 10px
}
.mt-20[_ngcontent-yec-c2] {
margin-top: 20px
}
.container-form-bg[_ngcontent-yec-c2] {
width: 100%;
padding: 10px;
border-radius: 10px;
background-color: #fff
}
.container-form-bg.wheight[_ngcontent-yec-c2] {
height: auto
}
.container-form-bg-second-title[_ngcontent-yec-c2] {
width: 100%;
padding: 20px 25px 5px;
border-radius: 10px;
background-color: #fff
}
.m-auto[_ngcontent-yec-c2] {
margin: auto
}
.ml-5[_ngcontent-yec-c2] {
margin-left: 5px
}
.ml-10[_ngcontent-yec-c2] {
margin-left: 10px
}
.mr-5[_ngcontent-yec-c2] {
margin-right: 5px
}
.mr-15[_ngcontent-yec-c2] {
margin-right: 15px
}
.w-85[_ngcontent-yec-c2] {
width: 85%
}
.container-pay-option[_ngcontent-yec-c2] {
padding: 10px;
height: 80px;
border-bottom: 1px solid #d9dbe9
}
.container-pay-option.border-none[_ngcontent-yec-c2] {
border-bottom: 1px solid transparent !important
}
.customTheme[_ngcontent-yec-c2] .mat-accordion[_ngcontent-yec-c2] .mat-expansion-panel-body[_ngcontent-yec-c2] {
background: #fafafa !important
}
ion-item.bg-lgray[_ngcontent-yec-c2] {
background-color: #fafafa !important;
--ion-background: #FAFAFA !important;
--background: #FAFAFA !important
}
.container-button-pay[_ngcontent-yec-c2] {
width: 100%;
margin: auto auto 10px;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 5px
}
.container-button-pay[_ngcontent-yec-c2] .divider[_ngcontent-yec-c2] {
width: 2px;
height: 50px;
background-color: #ff812e;
margin-right: 15px
}
.container-button-pay[_ngcontent-yec-c2] .button-pay[_ngcontent-yec-c2] {
display: inline-block;
padding: 5px 10px;
height: 55px;
border-radius: 5px;
margin-right: 15px
}
.container-button-pay[_ngcontent-yec-c2] .button-pay.button-pse[_ngcontent-yec-c2] {
background-color: #1e4272 !important
}
.container-button-pay[_ngcontent-yec-c2] .button-pay.button-pse[_ngcontent-yec-c2] img[_ngcontent-yec-c2] {
width: 40px;
height: 40px
}
.container-button-pay[_ngcontent-yec-c2] .button-pay.button-bancolombia[_ngcontent-yec-c2] {
width: 105px;
background-color: #fddb2b !important
}
.container-button-pay[_ngcontent-yec-c2] .button-pay.button-bancolombia[_ngcontent-yec-c2] img[_ngcontent-yec-c2] {
transform: translateY(-3px) scale(1.14)
}
.p-0[_ngcontent-yec-c2] {
padding: 0 !important
}
.align-center[_ngcontent-yec-c2] {
align-items: center
}
.justify-content-center[_ngcontent-yec-c2] {
justify-content: center
}
.bold[_ngcontent-yec-c2] {
font-weight: 900
}
@media screen and (min-width:992px) {
.container-imagen-pago[_ngcontent-yec-c2] .custom-popup[_ngcontent-yec-c2],
.container-imagen-pago[_ngcontent-yec-c2] .custom-popup[_ngcontent-yec-c2] .container-body[_ngcontent-yec-c2] {
height: 596px !important
}
}
.icon-expansion-panel[_ngcontent-yec-c2] {
position: absolute;
right: 10%;
transform: translatey(10px)
}
.bg-orange-top[_ngcontent-yec-c2] {
border-top: 1.5px solid #ff812c;
border-left: 1.5px solid #ff812c;
border-right: 1.5px solid #ff812c
}
.bg-orange-mid[_ngcontent-yec-c2] {
border-left: 1.5px solid #ff812c;
border-right: 1.5px solid #ff812c
}
.bg-orange-bt[_ngcontent-yec-c2] {
border-left: 1.5px solid #ff812c;
border-right: 1.5px solid #ff812c;
border-bottom: 1.5px solid #ff812c
}
.bg-white[_ngcontent-yec-c2] {
background-color: #fff
}
.mat-radio-label-content[_ngcontent-yec-c2] {
color: #3f3f3f;
font-weight: 400 !important;
font-size: 16px !important;
font-family: "Raleway Regular" !important
}
</style>
<style>
.logo-header[_ngcontent-yec-c3] {
width: 110px;
transform: translateX(-10%);
left: 10%;
position: relative;
top: 2px
}
</style>
<style>
.w-100[_ngcontent-yec-c4] {
width: 100% !important
}
.display[_ngcontent-yec-c4] {
display: flex !important
}
b[_ngcontent-yec-c4],
h1[_ngcontent-yec-c4],
h2[_ngcontent-yec-c4],
h3[_ngcontent-yec-c4] {
font-family: "Raleway Bold" !important
}
a[_ngcontent-yec-c4],
button[_ngcontent-yec-c4],
label[_ngcontent-yec-c4],
mat-button[_ngcontent-yec-c4],
mat-option[_ngcontent-yec-c4],
p[_ngcontent-yec-c4],
span[_ngcontent-yec-c4] {
font-family: "Raleway Regular" !important
}
.button-breadcrumb[_ngcontent-yec-c4] {
position: relative;
display: inline-block;
min-width: 80px;
padding: 5px 12px;
height: 35px;
margin-right: 10px;
text-align: center;
text-decoration: none;
vertical-align: middle;
color: #999;
font-family: "Raleway Regular" !important
}
.button-breadcrumb[_ngcontent-yec-c4]:after {
position: absolute;
top: -1px;
content: "";
right: -2px;
width: 1px;
height: 80%;
background-color: #999
}
.button-breadcrumb.last[_ngcontent-yec-c4]:after {
background-color: transparent
}
.button-breadcrumb.active[_ngcontent-yec-c4] {
color: #333;
font-family: "Releway Bold";
font-weight: 600
}
</style>
<style>
.mat-form-field {
display: inline-block;
position: relative;
text-align: left
}
[dir=rtl] .mat-form-field {
text-align: right
}
.mat-form-field-wrapper {
position: relative
}
.mat-form-field-flex {
display: inline-flex;
align-items: baseline;
box-sizing: border-box;
width: 100%
}
.mat-form-field-prefix,
.mat-form-field-suffix {
white-space: nowrap;
flex: none;
position: relative
}
.mat-form-field-infix {
display: block;
position: relative;
flex: auto;
min-width: 0;
width: 180px
}
@media (-ms-high-contrast:active) {
.mat-form-field-infix {
border-image: linear-gradient(transparent, transparent)
}
}
.mat-form-field-label-wrapper {
position: absolute;
left: 0;
box-sizing: content-box;
width: 100%;
height: 100%;
overflow: hidden;
pointer-events: none
}
[dir=rtl] .mat-form-field-label-wrapper {
left: auto;
right: 0
}
.mat-form-field-label {
position: absolute;
left: 0;
font: inherit;
pointer-events: none;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
transform-origin: 0 0;
transition: transform .4s cubic-bezier(.25, .8, .25, 1), color .4s cubic-bezier(.25, .8, .25, 1), width .4s cubic-bezier(.25, .8, .25, 1);
display: none
}
[dir=rtl] .mat-form-field-label {
transform-origin: 100% 0;
left: auto;
right: 0
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-empty.mat-form-field-label {
display: block
}
.mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
display: none
}
.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
display: block;
transition: none
}
.mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.mat-input-server[placeholder]:not(:placeholder-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
display: none
}
.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float .mat-input-server[placeholder]:not(:placeholder-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
display: block
}
.mat-form-field-label:not(.mat-form-field-empty) {
transition: none
}
.mat-form-field-underline {
position: absolute;
width: 100%;
pointer-events: none;
transform: scaleY(1.0001)
}
.mat-form-field-ripple {
position: absolute;
left: 0;
width: 100%;
transform-origin: 50%;
transform: scaleX(.5);
opacity: 0;
transition: background-color .3s cubic-bezier(.55, 0, .55, .2)
}
.mat-form-field.mat-focused .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple {
opacity: 1;
transform: scaleX(1);
transition: transform .3s cubic-bezier(.25, .8, .25, 1), opacity .1s cubic-bezier(.25, .8, .25, 1), background-color .3s cubic-bezier(.25, .8, .25, 1)
}
.mat-form-field-subscript-wrapper {
position: absolute;
box-sizing: border-box;
width: 100%;
overflow: hidden
}
.mat-form-field-label-wrapper .mat-icon,
.mat-form-field-subscript-wrapper .mat-icon {
width: 1em;
height: 1em;
font-size: inherit;
vertical-align: baseline
}
.mat-form-field-hint-wrapper {
display: flex
}
.mat-form-field-hint-spacer {
flex: 1 0 1em
}
.mat-error {
display: block
}
.mat-form-field-control-wrapper {
position: relative
}
.mat-form-field._mat-animation-noopable .mat-form-field-label,
.mat-form-field._mat-animation-noopable .mat-form-field-ripple {
transition: none
}
</style>
<style>
.mat-form-field-appearance-fill .mat-form-field-flex {
border-radius: 4px 4px 0 0;
padding: .75em .75em 0 .75em
}
@media (-ms-high-contrast:active) {
.mat-form-field-appearance-fill .mat-form-field-flex {
outline: solid 1px
}
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
content: '';
display: block;
position: absolute;
bottom: 0;
height: 1px;
width: 100%
}
.mat-form-field-appearance-fill .mat-form-field-ripple {
bottom: 0;
height: 2px
}
@media (-ms-high-contrast:active) {
.mat-form-field-appearance-fill .mat-form-field-ripple {
height: 0;
border-top: solid 2px
}
}
.mat-form-field-appearance-fill:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple {
opacity: 1;
transform: none;
transition: opacity .6s cubic-bezier(.25, .8, .25, 1)
}
.mat-form-field-appearance-fill._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple {
transition: none
}
.mat-form-field-appearance-fill .mat-form-field-subscript-wrapper {
padding: 0 1em
}
</style>
<style>
.mat-input-element {
font: inherit;
background: 0 0;
color: currentColor;
border: none;
outline: 0;
padding: 0;
margin: 0;
width: 100%;
max-width: 100%;
vertical-align: bottom;
text-align: inherit
}
.mat-input-element:-moz-ui-invalid {
box-shadow: none
}
.mat-input-element::-ms-clear,
.mat-input-element::-ms-reveal {
display: none
}
.mat-input-element,
.mat-input-element::-webkit-search-cancel-button,
.mat-input-element::-webkit-search-decoration,
.mat-input-element::-webkit-search-results-button,
.mat-input-element::-webkit-search-results-decoration {
-webkit-appearance: none
}
.mat-input-element::-webkit-caps-lock-indicator,
.mat-input-element::-webkit-contacts-auto-fill-button,
.mat-input-element::-webkit-credentials-auto-fill-button {
visibility: hidden
}
.mat-input-element[type=date]::after,
.mat-input-element[type=datetime-local]::after,
.mat-input-element[type=datetime]::after,
.mat-input-element[type=month]::after,
.mat-input-element[type=time]::after,
.mat-input-element[type=week]::after {
content: ' ';
white-space: pre;
width: 1px
}
.mat-input-element::-webkit-calendar-picker-indicator,
.mat-input-element::-webkit-clear-button,
.mat-input-element::-webkit-inner-spin-button {
font-size: .75em
}
.mat-input-element::placeholder {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: color .4s .133s cubic-bezier(.25, .8, .25, 1)
}
.mat-input-element::placeholder:-ms-input-placeholder {
-ms-user-select: text
}
.mat-input-element::-moz-placeholder {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: color .4s .133s cubic-bezier(.25, .8, .25, 1)
}
.mat-input-element::-moz-placeholder:-ms-input-placeholder {
-ms-user-select: text
}
.mat-input-element::-webkit-input-placeholder {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: color .4s .133s cubic-bezier(.25, .8, .25, 1)
}
.mat-input-element::-webkit-input-placeholder:-ms-input-placeholder {
-ms-user-select: text
}
.mat-input-element:-ms-input-placeholder {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: color .4s .133s cubic-bezier(.25, .8, .25, 1)
}
.mat-input-element:-ms-input-placeholder:-ms-input-placeholder {
-ms-user-select: text
}
.mat-form-field-hide-placeholder .mat-input-element::placeholder {
color: transparent !important;
-webkit-text-fill-color: transparent;
transition: none
}
.mat-form-field-hide-placeholder .mat-input-element::-moz-placeholder {
color: transparent !important;
-webkit-text-fill-color: transparent;
transition: none
}
.mat-form-field-hide-placeholder .mat-input-element::-webkit-input-placeholder {
color: transparent !important;
-webkit-text-fill-color: transparent;
transition: none
}
.mat-form-field-hide-placeholder .mat-input-element:-ms-input-placeholder {
color: transparent !important;
-webkit-text-fill-color: transparent;
transition: none
}
textarea.mat-input-element {
resize: vertical;
overflow: auto
}
textarea.mat-input-element.cdk-textarea-autosize {
resize: none
}
textarea.mat-input-element {
padding: 2px 0;
margin: -2px 0
}
select.mat-input-element {
-moz-appearance: none;
-webkit-appearance: none;
position: relative;
background-color: transparent;
display: inline-flex;
box-sizing: border-box;
padding-top: 1em;
top: -1em;
margin-bottom: -1em
}
select.mat-input-element::-ms-expand {
display: none
}
select.mat-input-element::-moz-focus-inner {
border: 0
}
select.mat-input-element:not(:disabled) {
cursor: pointer
}
select.mat-input-element::-ms-value {
color: inherit;
background: 0 0
}
@media (-ms-high-contrast:active) {
.mat-focused select.mat-input-element::-ms-value {
color: inherit
}
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
content: '';
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid;
position: absolute;
top: 50%;
right: 0;
margin-top: -2.5px;
pointer-events: none
}
[dir=rtl] .mat-form-field-type-mat-native-select .mat-form-field-infix::after {
right: auto;
left: 0
}
.mat-form-field-type-mat-native-select .mat-input-element {
padding-right: 15px
}
[dir=rtl] .mat-form-field-type-mat-native-select .mat-input-element {
padding-right: 0;
padding-left: 15px
}
.mat-form-field-type-mat-native-select .mat-form-field-label-wrapper {
max-width: calc(100% - 10px)
}
.mat-form-field-type-mat-native-select.mat-form-field-appearance-outline .mat-form-field-infix::after {
margin-top: -5px
}
.mat-form-field-type-mat-native-select.mat-form-field-appearance-fill .mat-form-field-infix::after {
margin-top: -10px
}
</style>
<style>
.mat-form-field-appearance-legacy .mat-form-field-label {
transform: perspective(100px);
-ms-transform: none
}
.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon,
.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon {
width: 1em
}
.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon-button,
.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon-button {
font: inherit;
vertical-align: baseline
}
.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon-button .mat-icon {
font-size: inherit
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
height: 1px
}
@media (-ms-high-contrast:active) {
.mat-form-field-appearance-legacy .mat-form-field-underline {
height: 0;
border-top: solid 1px
}
}
.mat-form-field-appearance-legacy .mat-form-field-ripple {
top: 0;
height: 2px;
overflow: hidden
}
@media (-ms-high-contrast:active) {
.mat-form-field-appearance-legacy .mat-form-field-ripple {
height: 0;
border-top: solid 2px
}
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
background-position: 0;
background-color: transparent
}
@media (-ms-high-contrast:active) {
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
border-top-style: dotted;
border-top-width: 2px
}
}
.mat-form-field-appearance-legacy.mat-form-field-invalid:not(.mat-focused) .mat-form-field-ripple {
height: 1px
}
</style>
<style>
.mat-form-field-appearance-outline .mat-form-field-wrapper {
margin: .25em 0
}
.mat-form-field-appearance-outline .mat-form-field-flex {
padding: 0 .75em 0 .75em;
margin-top: -.25em;
position: relative
}
.mat-form-field-appearance-outline .mat-form-field-prefix,
.mat-form-field-appearance-outline .mat-form-field-suffix {
top: .25em
}
.mat-form-field-appearance-outline .mat-form-field-outline {
display: flex;
position: absolute;
top: .25em;
left: 0;
right: 0;
bottom: 0;
pointer-events: none
}
.mat-form-field-appearance-outline .mat-form-field-outline-end,
.mat-form-field-appearance-outline .mat-form-field-outline-start {
border: 1px solid currentColor;
min-width: 5px
}
.mat-form-field-appearance-outline .mat-form-field-outline-start {
border-radius: 5px 0 0 5px;
border-right-style: none
}
[dir=rtl] .mat-form-field-appearance-outline .mat-form-field-outline-start {
border-right-style: solid;
border-left-style: none;
border-radius: 0 5px 5px 0
}
.mat-form-field-appearance-outline .mat-form-field-outline-end {
border-radius: 0 5px 5px 0;
border-left-style: none;
flex-grow: 1
}
[dir=rtl] .mat-form-field-appearance-outline .mat-form-field-outline-end {
border-left-style: solid;
border-right-style: none;
border-radius: 5px 0 0 5px
}
.mat-form-field-appearance-outline .mat-form-field-outline-gap {
border-radius: .000001px;
border: 1px solid currentColor;
border-left-style: none;
border-right-style: none
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap {
border-top-color: transparent
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
opacity: 0
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,
.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap,
.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start {
border-width: 2px;
transition: border-color .3s cubic-bezier(.25, .8, .25, 1)
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline,
.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline {
opacity: 0;
transition: opacity .1s cubic-bezier(.25, .8, .25, 1)
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,
.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline-thick {
opacity: 1
}
.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline {
opacity: 0;
transition: opacity .6s cubic-bezier(.25, .8, .25, 1)
}
.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline-thick {
opacity: 1
}
.mat-form-field-appearance-outline .mat-form-field-subscript-wrapper {
padding: 0 1em
}
.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline,
.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-end,
.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-gap,
.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-start,
.mat-form-field-appearance-outline._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-outline {
transition: none
}
</style>
<style>
.mat-form-field-appearance-standard .mat-form-field-flex {
padding-top: .75em
}
.mat-form-field-appearance-standard .mat-form-field-underline {
height: 1px
}
@media (-ms-high-contrast:active) {
.mat-form-field-appearance-standard .mat-form-field-underline {
height: 0;
border-top: solid 1px
}
}
.mat-form-field-appearance-standard .mat-form-field-ripple {
bottom: 0;
height: 2px
}
@media (-ms-high-contrast:active) {
.mat-form-field-appearance-standard .mat-form-field-ripple {
height: 0;
border-top: 2px
}
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
background-position: 0;
background-color: transparent
}
@media (-ms-high-contrast:active) {
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
border-top-style: dotted;
border-top-width: 2px
}
}
.mat-form-field-appearance-standard:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple {
opacity: 1;
transform: none;
transition: opacity .6s cubic-bezier(.25, .8, .25, 1)
}
.mat-form-field-appearance-standard._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple {
transition: none
}
</style>
<style>
@keyframes mat-checkbox-fade-in-background {
0% {
opacity: 0
}
50% {
opacity: 1
}
}
@keyframes mat-checkbox-fade-out-background {
0%,
50% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes mat-checkbox-unchecked-checked-checkmark-path {
0%,
50% {
stroke-dashoffset: 22.91026
}
50% {
animation-timing-function: cubic-bezier(0, 0, .2, .1)
}
100% {
stroke-dashoffset: 0
}
}
@keyframes mat-checkbox-unchecked-indeterminate-mixedmark {
0%,
68.2% {
transform: scaleX(0)
}
68.2% {
animation-timing-function: cubic-bezier(0, 0, 0, 1)
}
100% {
transform: scaleX(1)
}
}
@keyframes mat-checkbox-checked-unchecked-checkmark-path {
from {
animation-timing-function: cubic-bezier(.4, 0, 1, 1);
stroke-dashoffset: 0
}
to {
stroke-dashoffset: -22.91026
}
}
@keyframes mat-checkbox-checked-indeterminate-checkmark {
from {
animation-timing-function: cubic-bezier(0, 0, .2, .1);
opacity: 1;
transform: rotate(0)
}
to {
opacity: 0;
transform: rotate(45deg)
}
}
@keyframes mat-checkbox-indeterminate-checked-checkmark {
from {
animation-timing-function: cubic-bezier(.14, 0, 0, 1);
opacity: 0;
transform: rotate(45deg)
}
to {
opacity: 1;
transform: rotate(360deg)
}
}
@keyframes mat-checkbox-checked-indeterminate-mixedmark {
from {
animation-timing-function: cubic-bezier(0, 0, .2, .1);
opacity: 0;
transform: rotate(-45deg)
}
to {
opacity: 1;
transform: rotate(0)
}
}
@keyframes mat-checkbox-indeterminate-checked-mixedmark {
from {
animation-timing-function: cubic-bezier(.14, 0, 0, 1);
opacity: 1;
transform: rotate(0)
}
to {
opacity: 0;
transform: rotate(315deg)
}
}
@keyframes mat-checkbox-indeterminate-unchecked-mixedmark {
0% {
animation-timing-function: linear;
opacity: 1;
transform: scaleX(1)
}
100%,
32.8% {
opacity: 0;
transform: scaleX(0)
}
}
.mat-checkbox-background,
.mat-checkbox-frame {
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
border-radius: 2px;
box-sizing: border-box;
pointer-events: none
}
.mat-checkbox {
transition: background .4s cubic-bezier(.25, .8, .25, 1), box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
cursor: pointer;
-webkit-tap-highlight-color: transparent
}
._mat-animation-noopable.mat-checkbox {
transition: none;
animation: none
}
.mat-checkbox .mat-ripple-element:not(.mat-checkbox-persistent-ripple) {
opacity: .16
}
.mat-checkbox-layout {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: inherit;
align-items: baseline;
vertical-align: middle;
display: inline-flex;
white-space: nowrap
}
.mat-checkbox-label {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto
}
.mat-checkbox-inner-container {
display: inline-block;
height: 16px;
line-height: 0;
margin: auto;
margin-right: 8px;
order: 0;
position: relative;
vertical-align: middle;
white-space: nowrap;
width: 16px;
flex-shrink: 0
}
[dir=rtl] .mat-checkbox-inner-container {
margin-left: 8px;
margin-right: auto
}
.mat-checkbox-inner-container-no-side-margin {
margin-left: 0;
margin-right: 0
}
.mat-checkbox-frame {
background-color: transparent;
transition: border-color 90ms cubic-bezier(0, 0, .2, .1);
border-width: 2px;
border-style: solid
}
._mat-animation-noopable .mat-checkbox-frame {
transition: none
}
@media (-ms-high-contrast:active) {
.mat-checkbox.cdk-keyboard-focused .mat-checkbox-frame {
border-style: dotted
}
}
.mat-checkbox-background {
align-items: center;
display: inline-flex;
justify-content: center;
transition: background-color 90ms cubic-bezier(0, 0, .2, .1), opacity 90ms cubic-bezier(0, 0, .2, .1)
}
._mat-animation-noopable .mat-checkbox-background {
transition: none
}
.mat-checkbox-persistent-ripple {
width: 100%;
height: 100%;
transform: none
}
.mat-checkbox-inner-container:hover .mat-checkbox-persistent-ripple {
opacity: .04
}
.mat-checkbox.cdk-keyboard-focused .mat-checkbox-persistent-ripple {
opacity: .12
}
.mat-checkbox-persistent-ripple,
.mat-checkbox.mat-checkbox-disabled .mat-checkbox-inner-container:hover .mat-checkbox-persistent-ripple {
opacity: 0
}
@media (hover:none) {
.mat-checkbox-inner-container:hover .mat-checkbox-persistent-ripple {
display: none
}
}
.mat-checkbox-checkmark {
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
width: 100%
}
.mat-checkbox-checkmark-path {
stroke-dashoffset: 22.91026;
stroke-dasharray: 22.91026;
stroke-width: 2.13333px
}
.mat-checkbox-mixedmark {
width: calc(100% - 6px);
height: 2px;
opacity: 0;
transform: scaleX(0) rotate(0);
border-radius: 2px
}
@media (-ms-high-contrast:active) {
.mat-checkbox-mixedmark {
height: 0;
border-top: solid 2px;
margin-top: 2px
}
}
.mat-checkbox-label-before .mat-checkbox-inner-container {
order: 1;
margin-left: 8px;
margin-right: auto
}
[dir=rtl] .mat-checkbox-label-before .mat-checkbox-inner-container {
margin-left: auto;
margin-right: 8px
}
.mat-checkbox-checked .mat-checkbox-checkmark {
opacity: 1
}
.mat-checkbox-checked .mat-checkbox-checkmark-path {
stroke-dashoffset: 0
}
.mat-checkbox-checked .mat-checkbox-mixedmark {
transform: scaleX(1) rotate(-45deg)
}
.mat-checkbox-indeterminate .mat-checkbox-checkmark {
opacity: 0;
transform: rotate(45deg)
}
.mat-checkbox-indeterminate .mat-checkbox-checkmark-path {
stroke-dashoffset: 0
}
.mat-checkbox-indeterminate .mat-checkbox-mixedmark {
opacity: 1;
transform: scaleX(1) rotate(0)
}
.mat-checkbox-unchecked .mat-checkbox-background {
background-color: transparent
}
.mat-checkbox-disabled {
cursor: default
}
.mat-checkbox-anim-unchecked-checked .mat-checkbox-background {
animation: 180ms linear 0s mat-checkbox-fade-in-background
}
.mat-checkbox-anim-unchecked-checked .mat-checkbox-checkmark-path {
animation: 180ms linear 0s mat-checkbox-unchecked-checked-checkmark-path
}
.mat-checkbox-anim-unchecked-indeterminate .mat-checkbox-background {
animation: 180ms linear 0s mat-checkbox-fade-in-background
}
.mat-checkbox-anim-unchecked-indeterminate .mat-checkbox-mixedmark {
animation: 90ms linear 0s mat-checkbox-unchecked-indeterminate-mixedmark
}
.mat-checkbox-anim-checked-unchecked .mat-checkbox-background {
animation: 180ms linear 0s mat-checkbox-fade-out-background
}
.mat-checkbox-anim-checked-unchecked .mat-checkbox-checkmark-path {
animation: 90ms linear 0s mat-checkbox-checked-unchecked-checkmark-path
}
.mat-checkbox-anim-checked-indeterminate .mat-checkbox-checkmark {
animation: 90ms linear 0s mat-checkbox-checked-indeterminate-checkmark
}
.mat-checkbox-anim-checked-indeterminate .mat-checkbox-mixedmark {
animation: 90ms linear 0s mat-checkbox-checked-indeterminate-mixedmark
}
.mat-checkbox-anim-indeterminate-checked .mat-checkbox-checkmark {
animation: .5s linear 0s mat-checkbox-indeterminate-checked-checkmark
}
.mat-checkbox-anim-indeterminate-checked .mat-checkbox-mixedmark {
animation: .5s linear 0s mat-checkbox-indeterminate-checked-mixedmark
}
.mat-checkbox-anim-indeterminate-unchecked .mat-checkbox-background {
animation: 180ms linear 0s mat-checkbox-fade-out-background
}
.mat-checkbox-anim-indeterminate-unchecked .mat-checkbox-mixedmark {
animation: .3s linear 0s mat-checkbox-indeterminate-unchecked-mixedmark
}
.mat-checkbox-input {
bottom: 0;
left: 50%
}
.mat-checkbox .mat-checkbox-ripple {
position: absolute;
left: calc(50% - 20px);
top: calc(50% - 20px);
height: 40px;
width: 40px;
z-index: 1;
pointer-events: none
}
</style>
<style>
.mat-button .mat-button-focus-overlay,
.mat-icon-button .mat-button-focus-overlay {
opacity: 0
}
.mat-button:hover .mat-button-focus-overlay,
.mat-stroked-button:hover .mat-button-focus-overlay {
opacity: .04
}
@media (hover:none) {
.mat-button:hover .mat-button-focus-overlay,
.mat-stroked-button:hover .mat-button-focus-overlay {
opacity: 0
}
}
.mat-button,
.mat-flat-button,
.mat-icon-button,
.mat-stroked-button {
box-sizing: border-box;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
outline: 0;
border: none;
-webkit-tap-highlight-color: transparent;
display: inline-block;
white-space: nowrap;
text-decoration: none;
vertical-align: baseline;
text-align: center;
margin: 0;
min-width: 64px;
line-height: 36px;
padding: 0 16px;
border-radius: 4px;
overflow: visible
}
.mat-button::-moz-focus-inner,
.mat-flat-button::-moz-focus-inner,
.mat-icon-button::-moz-focus-inner,
.mat-stroked-button::-moz-focus-inner {
border: 0
}
.mat-button[disabled],
.mat-flat-button[disabled],
.mat-icon-button[disabled],
.mat-stroked-button[disabled] {
cursor: default
}
.mat-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-button.cdk-program-focused .mat-button-focus-overlay,
.mat-flat-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-flat-button.cdk-program-focused .mat-button-focus-overlay,
.mat-icon-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-icon-button.cdk-program-focused .mat-button-focus-overlay,
.mat-stroked-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-stroked-button.cdk-program-focused .mat-button-focus-overlay {
opacity: .12
}
.mat-button::-moz-focus-inner,
.mat-flat-button::-moz-focus-inner,
.mat-icon-button::-moz-focus-inner,
.mat-stroked-button::-moz-focus-inner {
border: 0
}
.mat-raised-button {
box-sizing: border-box;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
outline: 0;
border: none;
-webkit-tap-highlight-color: transparent;
display: inline-block;
white-space: nowrap;
text-decoration: none;
vertical-align: baseline;
text-align: center;
margin: 0;
min-width: 64px;
line-height: 36px;
padding: 0 16px;
border-radius: 4px;
overflow: visible;
transform: translate3d(0, 0, 0);
transition: background .4s cubic-bezier(.25, .8, .25, 1), box-shadow 280ms cubic-bezier(.4, 0, .2, 1)
}
.mat-raised-button::-moz-focus-inner {
border: 0
}
.mat-raised-button[disabled] {
cursor: default
}
.mat-raised-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-raised-button.cdk-program-focused .mat-button-focus-overlay {
opacity: .12
}
.mat-raised-button::-moz-focus-inner {
border: 0
}
._mat-animation-noopable.mat-raised-button {
transition: none;
animation: none
}
.mat-stroked-button {
border: 1px solid currentColor;
padding: 0 15px;
line-height: 34px
}
.mat-stroked-button .mat-button-focus-overlay,
.mat-stroked-button .mat-button-ripple.mat-ripple {
top: -1px;
left: -1px;
right: -1px;
bottom: -1px
}
.mat-fab {
box-sizing: border-box;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
outline: 0;
border: none;
-webkit-tap-highlight-color: transparent;
display: inline-block;
white-space: nowrap;
text-decoration: none;
vertical-align: baseline;
text-align: center;
margin: 0;
min-width: 64px;
line-height: 36px;
padding: 0 16px;
border-radius: 4px;
overflow: visible;
transform: translate3d(0, 0, 0);
transition: background .4s cubic-bezier(.25, .8, .25, 1), box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
min-width: 0;
border-radius: 50%;
width: 56px;
height: 56px;
padding: 0;
flex-shrink: 0
}
.mat-fab::-moz-focus-inner {
border: 0
}
.mat-fab[disabled] {
cursor: default
}
.mat-fab.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-fab.cdk-program-focused .mat-button-focus-overlay {
opacity: .12
}
.mat-fab::-moz-focus-inner {
border: 0
}
._mat-animation-noopable.mat-fab {
transition: none;
animation: none
}
.mat-fab .mat-button-wrapper {
padding: 16px 0;
display: inline-block;
line-height: 24px
}
.mat-mini-fab {
box-sizing: border-box;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
outline: 0;
border: none;
-webkit-tap-highlight-color: transparent;
display: inline-block;
white-space: nowrap;
text-decoration: none;
vertical-align: baseline;
text-align: center;
margin: 0;
min-width: 64px;
line-height: 36px;
padding: 0 16px;
border-radius: 4px;
overflow: visible;
transform: translate3d(0, 0, 0);
transition: background .4s cubic-bezier(.25, .8, .25, 1), box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
min-width: 0;
border-radius: 50%;
width: 40px;
height: 40px;
padding: 0;
flex-shrink: 0
}
.mat-mini-fab::-moz-focus-inner {
border: 0
}
.mat-mini-fab[disabled] {
cursor: default
}
.mat-mini-fab.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-mini-fab.cdk-program-focused .mat-button-focus-overlay {
opacity: .12
}
.mat-mini-fab::-moz-focus-inner {
border: 0
}
._mat-animation-noopable.mat-mini-fab {
transition: none;
animation: none
}
.mat-mini-fab .mat-button-wrapper {
padding: 8px 0;
display: inline-block;
line-height: 24px
}
.mat-icon-button {
padding: 0;
min-width: 0;
width: 40px;
height: 40px;
flex-shrink: 0;
line-height: 40px;
border-radius: 50%
}
.mat-icon-button .mat-icon,
.mat-icon-button i {
line-height: 24px
}
.mat-button-focus-overlay,
.mat-button-ripple.mat-ripple {
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
pointer-events: none;
border-radius: inherit
}
.mat-button-ripple.mat-ripple:not(:empty) {
transform: translateZ(0)
}
.mat-button-focus-overlay {
opacity: 0;
transition: opacity .2s cubic-bezier(.35, 0, .25, 1), background-color .2s cubic-bezier(.35, 0, .25, 1)
}
._mat-animation-noopable .mat-button-focus-overlay {
transition: none
}
@media (-ms-high-contrast:active) {
.mat-button-focus-overlay {
background-color: #fff
}
}
@media (-ms-high-contrast:black-on-white) {
.mat-button-focus-overlay {
background-color: #000
}
}
.mat-button-ripple-round {
border-radius: 50%;
z-index: 1
}
.mat-button .mat-button-wrapper>*,
.mat-fab .mat-button-wrapper>*,
.mat-flat-button .mat-button-wrapper>*,
.mat-icon-button .mat-button-wrapper>*,
.mat-mini-fab .mat-button-wrapper>*,
.mat-raised-button .mat-button-wrapper>*,
.mat-stroked-button .mat-button-wrapper>* {
vertical-align: middle
}
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button {
display: block;
font-size: inherit;
width: 2.5em;
height: 2.5em
}
@media (-ms-high-contrast:active) {
.mat-button,
.mat-fab,
.mat-flat-button,
.mat-icon-button,
.mat-mini-fab,
.mat-raised-button {
outline: solid 1px
}
}
</style>
</head>
<body class="customTheme content">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KP5ZZ72" height="0" width="0"
style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<app-root _nghost-yec-c0="" ng-version="8.1.3">
<meta _ngcontent-yec-c0="" charset="utf-8"><!---->
<div _ngcontent-yec-c0="" class="desktop-top-bar ion-hide-md-down" id="barraEncabezado">
<div _ngcontent-yec-c0="" class="desktop-logo"><a _ngcontent-yec-c0="" routerlink="/home" href="/clientes/home"><img _ngcontent-yec-c0="" src="assets/[email protected]"></a></div>
<div _ngcontent-yec-c0="" class="user-menu-container">
<div _ngcontent-yec-c0="" id="icons-menu" class="d-flex">
<div _ngcontent-yec-c0=""><a _ngcontent-yec-c0="" id="home" routerlink="/home" style="cursor: pointer; margin-right: 20px" href="/clientes/home"><i _ngcontent-yec-c0="" class="material-icons left" style="margin-right: 5px;">home</i> Home </a></div>
<div _ngcontent-yec-c0="" style="display:flex; width: 20px; height: 22px; border-left: 1.3px solid white;margin-right:3px">
</div>
<div _ngcontent-yec-c0=""><a _ngcontent-yec-c0="" id="home" routerlink="/find-us" style="cursor: pointer; margin-right: 26px" href="/clientes/find-us"><i _ngcontent-yec-c0="" class="material-icons left" style="margin-right: 5px;">map</i> Encuéntranos </a></div>
<div _ngcontent-yec-c0="" style="display:flex; width: 20px; height: 22px; border-left: 1.3px solid white;margin-right:3px">
</div><a _ngcontent-yec-c0="" class="dropdown-trigger" id="user-info"><i _ngcontent-yec-c0="" class="material-icons left">person</i>Iniciar sesión<i _ngcontent-yec-c0="" class="material-icons right">arrow_drop_down</i></a>
</div>
</div>
</div>
<ion-split-pane _ngcontent-yec-c0="" contentid="menu-content" class="md split-pane-md split-pane-visible hydrated"><ion-router-outlet _ngcontent-yec-c0="" id="menu-content" class="split-pane-main menu-content menu-content-overlay hydrated"><span _ngcontent-yec-c0="" class="tooltip" id="tooltip">Auto servicio</span>
<div _ngcontent-yec-c0=""><img _ngcontent-yec-c0="" alt="LuzIA" cdkdrag="" class="private-image widget-launcher-icon open img-responsive private-image--responsive cdk-drag" onclick="OpenModal('servicio')" src="https://luziachatbotthsprd001.blob.core.windows.net/images/LuziaStart.png"></div>
<div _ngcontent-yec-c0="">
<div _ngcontent-yec-c0="" id="bot"></div>
</div><app-request-invoice _nghost-yec-c2="" class="ng-star-inserted ion-page" style="z-index: 101;"><app-header _ngcontent-yec-c2="" _nghost-yec-c3="" style="display: none;"><ion-header _ngcontent-yec-c3="" class="no-shadow md header-md header-collapse-none hydrated" mode="md" role="banner"><ion-toolbar _ngcontent-yec-c3="" mode="md" class="in-toolbar md hydrated"><ion-img _ngcontent-yec-c3="" class="logo-header md hydrated" slot="start"></ion-img><ion-buttons _ngcontent-yec-c3="" slot="end" class="buttons-last-slot sc-ion-buttons-md-h sc-ion-buttons-md-s md hydrated"><ion-menu-button _ngcontent-yec-c3="" color="primary" mode="md" aria-hidden="true" class="md ion-color ion-color-primary button menu-button-hidden ion-activatable ion-focusable hydrated"></ion-menu-button></ion-buttons></ion-toolbar></ion-header></app-header><ion-content _ngcontent-yec-c2="" class="w-100 bg md hydrated ion-content"><ion-grid _ngcontent-yec-c2="" class="w-90 ion-padding-horizontal main-grid md grid-fixed hydrated" fixed=""><ion-row _ngcontent-yec-c2="" class="ion-padding-horizontal container md hydrated"><ion-row _ngcontent-yec-c2="" class="w-100 md hydrated"><app-bread-crumbs _ngcontent-yec-c2="" _nghost-yec-c4="">
<div _ngcontent-yec-c4="" class="w-100 display"><!----><a _ngcontent-yec-c4="" class="button-breadcrumb ng-star-inserted" rel="noopener noreferrer" href="/clientes/home"> Inicio </a><a _ngcontent-yec-c4="" class="button-breadcrumb last active ng-star-inserted" rel="noopener noreferrer" href="/clientes/request-invoice"> Consulta y
paga tus facturas </a></div>
</app-bread-crumbs></ion-row><ion-row _ngcontent-yec-c2="" class="w-100 md hydrated">
<h1 _ngcontent-yec-c2="" class="title color-orange">Consulta y paga tus facturas
</h1>
</ion-row><!----><ion-row _ngcontent-yec-c2="" class="w-100 mb-15 md hydrated"><ion-row _ngcontent-yec-c2="" class="w-100 mt-20 md hydrated">
<div _ngcontent-yec-c2="" class="container-form-bg-second-title" style="padding-top: 2px !important;"><ion-row _ngcontent-yec-c2="" class="w-100 mt-20 md hydrated">
<h2 _ngcontent-yec-c2="" class="second-title" style="width: 100%; text-align: left;">Ingresa tu código</h2>
<p _ngcontent-yec-c2="" class="third-title desktop" style="margin:0px !important; margin-bottom: 15px !important;text-align: left;width: 100%;">
Descargar, consultar, pagar o abonar a tu factura es muy fácil.
Ingresa el código de cuenta y presiona el botón "Consultar". </p>
<p _ngcontent-yec-c2="" class="third-title mobile" style="margin:0px !important; margin-bottom: 15px !important;text-align: left;width: 100%; line-height: 19px !important;">
Gestiona tu factura fácilmente. Ingresa el código y consulta </p>
</ion-row>
<form _ngcontent-yec-c2="" action="" novalidate="" class="ng-untouched ng-pristine ng-valid">
<div _ngcontent-yec-c2="" class="form-acctId w-90"><mat-form-field _ngcontent-yec-c2="" appearance="outline" class="mr-15 mat-form-field ng-tns-c7-0 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder ng-untouched ng-pristine ng-valid">
<div class="mat-form-field-wrapper">
<div class="mat-form-field-flex"><!----><!---->
<div class="mat-form-field-outline ng-tns-c7-0 ng-star-inserted">
<div class="mat-form-field-outline-start" style="width: 53.5px;"></div>
<div class="mat-form-field-outline-gap" style="width: 139px;"></div>
<div class="mat-form-field-outline-end"></div>
</div>
<div class="mat-form-field-outline mat-form-field-outline-thick ng-tns-c7-0 ng-star-inserted">
<div class="mat-form-field-outline-start" style="width: 53.5px;"></div>
<div class="mat-form-field-outline-gap" style="width: 139px;"></div>
<div class="mat-form-field-outline-end"></div>
</div><!---->
<div class="mat-form-field-prefix ng-tns-c7-0 ng-star-inserted">
<mat-icon _ngcontent-yec-c2="" class="icon-in-input icon-gray mat-icon notranslate material-icons-outlined mat-icon-no-color" fontset="material-icons-outlined" matprefix="" role="img" aria-hidden="true">receipt</mat-icon>
</div>
<div class="mat-form-field-infix"><input _ngcontent-yec-c2="" class="mat-input-element mat-form-field-autofill-control cdk-text-field-autofill-monitored ng-untouched ng-pristine ng-valid" id="nicABuscar" matinput="" max="11" maxlength="11" min="1" minlength="1" type="numeric" aria-invalid="false" aria-required="false"><span class="mat-form-field-label-wrapper"><!----><label class="mat-form-field-label ng-tns-c7-0 mat-empty mat-form-field-empty ng-star-inserted" id="mat-form-field-label-1" for="nicABuscar" aria-owns="nicABuscar"><!----><!----><mat-label id="labelCuenta" _ngcontent-yec-c2="" class="ng-star-inserted">Ingresa el
código de
cuenta</mat-label><!----><!----></label></span>
</div><!---->
</div><!---->
<div class="mat-form-field-subscript-wrapper"><!----><!---->
<div class="mat-form-field-hint-wrapper ng-tns-c7-0 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);">
<!---->
<div class="mat-form-field-hint-spacer"></div>
</div>
</div>
</div>
</mat-form-field><mat-checkbox _ngcontent-yec-c2="" class="example-margin mobile mb-15 custom-line-height mat-checkbox mat-primary ng-untouched ng-pristine ng-valid" color="primary" style="line-height: 30px !important;" id="mat-checkbox-1"><label class="mat-checkbox-layout" for="mat-checkbox-1-input">
<div class="mat-checkbox-inner-container"><input class="mat-checkbox-input cdk-visually-hidden" type="checkbox" id="mat-checkbox-1-input" tabindex="0" aria-checked="false">
<div class="mat-checkbox-ripple mat-ripple" matripple="">
<div class="mat-ripple-element mat-checkbox-persistent-ripple">
</div>
</div>
<input type="checkbox" id="checkboxTerminos">
<div class="mat-checkbox-background"><svg xml:space="preserve" class="mat-checkbox-checkmark" focusable="false" version="1.1" viewBox="0 0 24 24">
<path class="mat-checkbox-checkmark-path" d="M4.1,12.7 9,17.6 20.3,6.3" fill="none" stroke="white"></path>
</svg>
<div class="mat-checkbox-mixedmark"></div>
</div>
</div><span class="mat-checkbox-label"><span style="display:none"> </span>Acepto la política
de datos. Más detalles en <a _ngcontent-yec-c2="" href="#">Términos y condiciones.</a></span>
</label></mat-checkbox>
<div _ngcontent-yec-c2="" class="button-search mt-15"><button _ngcontent-yec-c2="" color="primary" id="buscarCodigoCuenta" mat-flat-button="" class="mat-flat-button mat-button-base mat-primary" disabled="true"><span class="mat-button-wrapper">Consultar</span>
<div class="mat-button-ripple mat-ripple" matripple="">
</div>
<div class="mat-button-focus-overlay"></div>
</button></div>
</div>
<div _ngcontent-yec-c2="" class="mb-15">
<div class="mat-checkbox-inner-container">
<input type="checkbox" id="checkboxProcess">
</div>
<span class="mat-checkbox-label"><span style="display:none"> </span>Al realizar la
consulta o proceso de validación aceptas las Políticas
de tratamiento de datos personales. Conoce más sobre los
<a _ngcontent-yec-c2="" href="#">Términos y
condiciones.</a></span>
</div>
</form>
</div>
</ion-row></ion-row></ion-row></ion-grid><!----><!----><!----><!----><!----><!----><!----></ion-content></app-request-invoice>
</ion-router-outlet></ion-split-pane>
</app-root>
<!-- <div id="floatbutton" style="visibility:hidden;">
<a href="https://asistencia.webv2.allus.com.co/WebAPI802/VideoCallCelsia/VideoCall/customer.jsp" target="_blank" class="float float-image">
<i class="my-float"></i>
</a>
<div class="label-container">
<div class="label-text">Llamar</div>
<i class="fa fa-play label-arrow"></i>
</div>
</div> -->
<div id="floatbutton" style="visibility: hidden">
<a href="https://asistencia.webv2.allus.com.co/WebAPI802/VideoCallCelsia/VideoCall/customer.jsp" target="_blank" class="float float-image">
<i class="fa fa-envelope my-float"></i>
</a>
<div class="label-container">
<div class="label-text">Llamar</div>
<i class="fa fa-play label-arrow"></i>
</div>
</div>
<div id="floatbuttonClose" style="visibility: hidden">
<a onclick="CloseWindow()" class="float-close float-image-close">
<i class="fa fa-envelope my-float"></i>
</a>
<div class="label-container-close">
<div class="label-text">Cerrar</div>
<i class="fa fa-play label-arrow"></i>
</div>
</div>
<script src="js/index.js"></script>
</body></html>