Full HTML code
unknown
html
a year ago
150 kB
17
No Index
<html lang="pt">
<head>
<base href="/portaldenegocios/">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Portal de Negócios</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" href="/portaldenegocios/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="assets/css/front-unico-ui.css">
<link rel="stylesheet" href="assets/css/perseus.css">
<iframe src="about:blank" title="" role="presentation" loading="eager" style="width: 0px; height: 0px; border: 0px; display: none;"></iframe>
<link nonce="" type="text/css" rel="stylesheet" href="blob:https://www.santandernegocios.com.br/37a17afa-f348-4979-86b6-4334c20e7652">
<link nonce="" type="text/css" rel="stylesheet" href="blob:https://www.santandernegocios.com.br/cc9d556c-5cde-4c76-9f38-32a032a9199e">
<style>
.box-sizing[_ngcontent-cdm-c0] {
box-sizing: border-box
}
.rotating[_ngcontent-cdm-c0] {
transform: rotate(360deg);
transition-duration: 1s;
transition-delay: now;
animation-timing-function: linear;
animation-iteration-count: infinite
}
.full-height[_ngcontent-cdm-c0] {
height: 100%;
width: 100%;
background: rgba(0, 0, 0, .02)
}
header[_ngcontent-cdm-c0] {
background: #2a4751;
display: flex;
height: 52px;
width: 100%;
position: fixed;
top: 0
}
header[_ngcontent-cdm-c0] .logotipo[_ngcontent-cdm-c0] {
display: flex;
height: 52px;
justify-content: center;
width: 60px
}
header[_ngcontent-cdm-c0] .logotipo[_ngcontent-cdm-c0] .logotipo-image[_ngcontent-cdm-c0] {
border-radius: 50%;
background-color: #fff;
width: 36px;
height: 36px;
margin-top: 8px;
padding: 4px
}
.titulo-loggin[_ngcontent-cdm-c0] {
font-family: OpenSans-Light, 'Open Sans Light', 'Open Sans', Sans-serif;
font-weight: 200;
font-style: normal;
font-size: 21px;
color: #999;
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
margin-bottom: 30px
}
.centralizar-login[_ngcontent-cdm-c0] {
margin: 23px 0 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 480px;
padding: 15px
}
.titulo[_ngcontent-cdm-c0] {
color: #fff;
vertical-align: middle;
line-height: 52px;
margin-left: 10px
}
button.smallBtn[_ngcontent-cdm-c0] {
margin-bottom: 15px !important
}
.senha[_ngcontent-cdm-c0] {
margin: 0 auto;
min-width: 100%;
color: #333;
font-weight: 400;
font-style: normal;
font-size: 14px;
text-align: center;
border-width: 0;
background: 0 0;
border-color: transparent;
box-shadow: none
}
.icon_mostrar_senha[_ngcontent-cdm-c0] {
bottom: 0;
right: 0;
position: absolute;
margin-bottom: 24px;
margin-right: 14px;
z-index: 3
}
.spaui-button.medium[_ngcontent-cdm-c0] {
margin-bottom: 0
}
div.spaui-input[_ngcontent-cdm-c0] {
margin-bottom: 0 !important
}
div.spaui-message[_ngcontent-cdm-c0] {
margin: 0 !important
}
div.panel-body[_ngcontent-cdm-c0] {
padding: 15px 15px 0
}
spaui-input[_ngcontent-cdm-c0]>div[_ngcontent-cdm-c0]>div[_ngcontent-cdm-c0] {
height: 53px
}
</style>
<style>
.np[_ngcontent-cdm-c1] {
padding: 0
}
.npl[_ngcontent-cdm-c1] {
padding-left: 0 !important
}
.npr[_ngcontent-cdm-c1] {
padding-right: 0 !important
}
.loading-full[_ngcontent-cdm-c1] {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(255, 255, 255, .9);
z-index: 999999
}
.loading-full[_ngcontent-cdm-c1] .loading-content[_ngcontent-cdm-c1] {
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -64px;
width: auto;
height: 64px;
position: absolute
}
.loading-full[_ngcontent-cdm-c1] .loading-content[_ngcontent-cdm-c1] .loading[_ngcontent-cdm-c1] .icon[_ngcontent-cdm-c1] {
height: 64px;
width: 64px;
-webkit-animation: 1.6s linear infinite rotate;
animation: 1.6s linear infinite rotate;
border: 10px solid #4cd7de;
border-right-color: transparent;
border-radius: 50%;
margin: 0 auto
}
.loading-full[_ngcontent-cdm-c1] .loading-content[_ngcontent-cdm-c1] .loading[_ngcontent-cdm-c1] .text[_ngcontent-cdm-c1] {
width: 100%;
font-family: OpenSansRegular;
color: #444;
text-align: center;
position: relative;
margin: 16px 0
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
</style>
<style>
.np[_ngcontent-cdm-c2] {
padding: 0
}
.npl[_ngcontent-cdm-c2] {
padding-left: 0 !important
}
.npr[_ngcontent-cdm-c2] {
padding-right: 0 !important
}
input[_ngcontent-cdm-c2]::-ms-clear,
input[_ngcontent-cdm-c2]::-ms-reveal {
display: none;
width: 0;
height: 0
}
.spaui-input[_ngcontent-cdm-c2] {
margin-bottom: 24px
}
.spaui-input[_ngcontent-cdm-c2] label[_ngcontent-cdm-c2] {
font-size: 11px;
line-height: 16px;
font-family: OpenSansBold;
font-weight: 400;
font-style: normal;
text-transform: uppercase
}
.spaui-input.spaui-input-hasPrefix[_ngcontent-cdm-c2]>div[_ngcontent-cdm-c2] {
position: relative
}
.spaui-input.spaui-input-hasPrefix[_ngcontent-cdm-c2]>div[_ngcontent-cdm-c2]>span[_ngcontent-cdm-c2] {
position: relative;
bottom: 19px
}
.spaui-input.spaui-input-hasPrefix[_ngcontent-cdm-c2]>div[_ngcontent-cdm-c2]>span.spaui-input-prefix[_ngcontent-cdm-c2] {
top: 3px;
display: inline-block
}
.spaui-input.spaui-input-hasPrefix[_ngcontent-cdm-c2]>div[_ngcontent-cdm-c2]>input[_ngcontent-cdm-c2] {
height: 32px;
padding-left: 24px;
background: 0 0;
width: 100%;
bottom: 19px
}
.spaui-input[_ngcontent-cdm-c2] .tooltip[_ngcontent-cdm-c2] {
display: inline;
margin-left: 5px;
border-bottom: none !important;
opacity: 1;
z-index: 9
}
.spaui-input[_ngcontent-cdm-c2] .spaui-input-sufix-content[_ngcontent-cdm-c2] {
top: 27px;
position: absolute;
left: 20px;
z-index: 1
}
.spaui-input[_ngcontent-cdm-c2] .spaui-input-sufix-content[_ngcontent-cdm-c2] .spaui-input-sufix-text[_ngcontent-cdm-c2] {
padding-left: 8px
}
.spaui-input[_ngcontent-cdm-c2] .spaui-input-sufix-content[_ngcontent-cdm-c2] .spaui-input-sufix[_ngcontent-cdm-c2] {
display: inline-block;
position: relative
}
.spaui-input[_ngcontent-cdm-c2] input[type=date][_ngcontent-cdm-c2],
.spaui-input[_ngcontent-cdm-c2] input[type=email][_ngcontent-cdm-c2],
.spaui-input[_ngcontent-cdm-c2] input[type=number][_ngcontent-cdm-c2],
.spaui-input[_ngcontent-cdm-c2] input[type=password][_ngcontent-cdm-c2],
.spaui-input[_ngcontent-cdm-c2] input[type=tel][_ngcontent-cdm-c2],
.spaui-input[_ngcontent-cdm-c2] input[type=text][_ngcontent-cdm-c2] {
height: 33px;
padding-left: 8px;
padding-bottom: 8px;
background: 0 0;
width: 100%;
position: relative;
outline: 0;
border: none;
border-bottom: 1px solid #444;
color: #444;
z-index: 2;
transition: .3s;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s
}
.spaui-input[_ngcontent-cdm-c2] span.description[_ngcontent-cdm-c2] {
font-size: 11px;
line-height: 16px;
margin-bottom: 24px;
margin-top: 8px;
color: #999;
font-family: OpenSansItalic;
display: block
}
.spaui-input[_ngcontent-cdm-c2] [_ngcontent-cdm-c2]::-webkit-input-placeholder {
color: #999;
font-family: OpenSansRegular
}
.spaui-input[_ngcontent-cdm-c2] [_ngcontent-cdm-c2]:-moz-placeholder {
color: #999;
font-family: OpenSansRegular;
opacity: 1
}
.spaui-input[_ngcontent-cdm-c2] [_ngcontent-cdm-c2]::-moz-placeholder {
color: #999;
font-family: OpenSansRegular;
opacity: 1
}
.spaui-input[_ngcontent-cdm-c2] [_ngcontent-cdm-c2]:-ms-input-placeholder {
color: #999;
font-family: OpenSansRegular
}
.btnPlusMinus[_ngcontent-cdm-c2] {
position: absolute !important;
top: 24px;
z-index: 9999;
right: 15px
}
.spaui-input-icon[_ngcontent-cdm-c2] {
right: 1.714286em;
display: inline-block;
position: absolute;
cursor: pointer;
z-index: 999
}
[_nghost-cdm-c2] input.validation.ng-dirty.ng-valid[_ngcontent-cdm-c2] {
color: #191919;
transition: .3s;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s
}
[_nghost-cdm-c2] input.validation.ng-dirty.ng-valid[_ngcontent-cdm-c2]:before {
text-indent: -9999px
}
[_nghost-cdm-c2] input.validation.ng-dirty.ng-valid[_ngcontent-cdm-c2]~.description[_ngcontent-cdm-c2] {
color: #999
}
[_nghost-cdm-c2] input.validation.ng-dirty.ng-invalid[_ngcontent-cdm-c2] {
border-bottom: 1px solid #ce0000 !important;
color: #ce0000 !important;
transition: .3s !important;
-webkit-transition: .3s !important;
-moz-transition: .3s !important;
-o-transition: .3s !important
}
[_nghost-cdm-c2] input.validation.ng-dirty.ng-invalid[_ngcontent-cdm-c2]~.description[_ngcontent-cdm-c2] {
color: #ce0000
}
[_nghost-cdm-c2] input.validation.ng-dirty.ng-invalid[_ngcontent-cdm-c2]:before {
text-indent: -9999px !important
}
[_nghost-cdm-c2] input.ng-pristine[_ngcontent-cdm-c2] {
border-bottom: 1px solid #444;
color: #191919
}
[_nghost-cdm-c2] input.ng-pristine[_ngcontent-cdm-c2]:before {
text-indent: -9999px
}
[_nghost-cdm-c2] input[_ngcontent-cdm-c2]:focus {
border-bottom: 1px solid #3cc !important
}
[_nghost-cdm-c2] input.spaui-state-error[_ngcontent-cdm-c2] {
border-bottom: 1px solid #ce0000 !important;
color: #ce0000 !important;
transition: .3s !important;
-webkit-transition: .3s !important;
-moz-transition: .3s !important;
-o-transition: .3s !important
}
[_nghost-cdm-c2] input.spaui-state-error[_ngcontent-cdm-c2]~.description[_ngcontent-cdm-c2] {
color: #ce0000 !important
}
[_nghost-cdm-c2] input.spaui-state-error[_ngcontent-cdm-c2]:before {
text-indent: -9999px !important
}
[_nghost-cdm-c2] input.spaui-state-success[_ngcontent-cdm-c2] {
border-bottom: 1px solid #9c0 !important;
transition: .3s !important;
-webkit-transition: .3s !important;
-moz-transition: .3s !important;
-o-transition: .3s !important
}
[_nghost-cdm-c2] input.spaui-state-success[_ngcontent-cdm-c2]~.description[_ngcontent-cdm-c2] {
color: #999
}
[_nghost-cdm-c2] input.spaui-state-success[_ngcontent-cdm-c2]:before {
text-indent: -9999px !important
}
[_nghost-cdm-c2]>div.spaui-input-disabled[_ngcontent-cdm-c2]>label[_ngcontent-cdm-c2] {
color: #c2c2c2 !important
}
[_nghost-cdm-c2]>div.spaui-input-disabled[_ngcontent-cdm-c2]>div[_ngcontent-cdm-c2]>span[_ngcontent-cdm-c2] {
color: #c2c2c2 !important
}
[_nghost-cdm-c2]>div.spaui-input-disabled[_ngcontent-cdm-c2] input[type=date][_ngcontent-cdm-c2],
[_nghost-cdm-c2]>div.spaui-input-disabled[_ngcontent-cdm-c2] input[type=email][_ngcontent-cdm-c2],
[_nghost-cdm-c2]>div.spaui-input-disabled[_ngcontent-cdm-c2] input[type=number][_ngcontent-cdm-c2],
[_nghost-cdm-c2]>div.spaui-input-disabled[_ngcontent-cdm-c2] input[type=password][_ngcontent-cdm-c2],
[_nghost-cdm-c2]>div.spaui-input-disabled[_ngcontent-cdm-c2] input[type=tel][_ngcontent-cdm-c2],
[_nghost-cdm-c2]>div.spaui-input-disabled[_ngcontent-cdm-c2]>div[_ngcontent-cdm-c2]>input[type=text][_ngcontent-cdm-c2] {
cursor: default;
border-bottom: 1px solid #c2c2c2 !important;
color: #c2c2c2 !important
}
[_nghost-cdm-c2] i.icon-informacao {
padding: 0;
vertical-align: baseline
}
div.content-inputs[_ngcontent-cdm-c2] {
height: 53px
}
</style>
<style>
.np {
padding: 0
}
.npl {
padding-left: 0 !important
}
.npr {
padding-right: 0 !important
}
.small {
height: 32px
}
.small:hover {
height: 32px;
border-color: transparent
}
.card .spaui-button {
height: 32px
}
.card .spaui-button:hover {
height: 32px;
border-color: transparent
}
.spaui-button {
font-size: 14px;
height: 40px;
border-radius: 100px;
padding: 0;
width: 100%;
color: #fff;
font-family: OpenSansRegular;
font-weight: 400;
font-style: normal;
outline: 0;
border: none;
touch-action: manipulation;
background-color: transparent;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: .1s ease-in-out;
transition: .1s ease-in-out
}
.spaui-button.primary {
background-color: #424455;
padding-left: 16px;
padding-right: 16px
}
.spaui-button.primary[disabled] {
color: #ebebeb;
background-color: #b3b4bb;
border: 2px solid #b3b4bb
}
.spaui-button.small {
height: 32px
}
.spaui-button.small:hover {
height: 32px;
border-color: transparent
}
.spaui-button.checked {
border: 2px solid #33cbcc;
background-color: #33cbcc;
color: #fff;
padding-left: 16px;
padding-right: 16px;
line-height: 30px
}
.spaui-button.checked .icon-ico-check {
font-size: 24px;
content: "\69";
vertical-align: middle;
position: inherit
}
.spaui-button.secondary {
color: #424455;
border: 2px solid #424455;
padding-left: 16px;
padding-right: 16px
}
.spaui-button.secondary[disabled] {
color: #b3b4bb;
background-color: #fff;
border: 2px solid #b3b4bb
}
.spaui-button.tertiary {
background-color: #3cc;
padding-left: 16px;
padding-right: 16px
}
.spaui-button.tertiary[disabled] {
color: #b3b4bb;
background-color: #fff;
border: 2px solid #b3b4bb
}
.spaui-button.quaternary {
background-color: #fff;
border: 2px solid #3cc;
color: #3cc;
padding-left: 16px;
padding-right: 16px
}
.spaui-button.quaternary[disabled] {
color: #c2f0f0;
background-color: #fff;
border: 2px solid #c2f0f0
}
.spaui-button.add {
text-align: left;
padding-left: 4px;
text-transform: none;
color: #444
}
.spaui-button.add .icon-adicionar {
position: absolute;
font-size: 24px;
left: .7em;
bottom: .3em
}
.spaui-button:not([disabled]):hover {
background-color: #1a1a1a;
border-color: #1a1a1a;
color: #fff;
-webkit-transition: .1s ease-in;
transition: .1s ease-in
}
.spaui-button:not([disabled]):hover.toggle {
background-color: #33cbcc;
border-color: #33cbcc
}
.spaui-button:not([disabled]):hover.checked {
background-color: #33cbcc;
border-color: #33cbcc
}
.spaui-button:not([disabled]):hover.unchecked {
background-color: #33cbcc;
border-color: #33cbcc;
color: #fff
}
.spaui-button:not([disabled]):hover.addunchecked {
background-color: #fff;
border-color: #33cbcc;
color: #33cbcc
}
.spaui-button:not([disabled]):hover.secondary {
background-color: #424455;
border-color: #424455;
color: #fff;
padding-left: 16px;
padding-right: 16px
}
.spaui-button:not([disabled]):hover.tertiary {
background-color: #4cd7de;
color: #fff;
padding-left: 16px;
padding-right: 16px
}
.spaui-button:not([disabled]):hover.quaternary {
background-color: #3cc;
border-color: #3cc;
color: #fff;
padding-left: 16px;
padding-right: 16px
}
.spaui-button:not([disabled]):hover.add {
background-color: transparent;
color: #444
}
.spaui-button.addchecked {
border: 1px solid #33cbcc;
color: #33cbcc
}
.spaui-button.addchecked.checkeds {
background-color: #33cbcc;
border-color: #33cbcc;
color: #fff;
line-height: 30px
}
.spaui-button.addchecked.checkeds .icon-ico-check {
font-size: 24px;
display: inline-block
}
.spaui-button.addchecked.checkeds .icon-ico-check:before {
content: "\69";
display: inline-block;
vertical-align: middle;
position: inherit
}
.spaui-button.addchecked[disabled] {
border: 1px solid #c2f0f0;
color: #c2f0f0;
cursor: default
}
.spaui-button.addunchecked {
border: 2px solid #33cbcc;
color: #33cbcc
}
.spaui-button.addunchecked.checkeds {
background-color: #fff;
border-color: #33cbcc;
color: #33cbcc;
line-height: 30px
}
.spaui-button.addunchecked.checkeds .icon-ico-check {
font-size: 24px;
display: inline-block
}
.spaui-button.addunchecked.checkeds .icon-ico-check:before {
content: "\69";
display: inline-block;
vertical-align: middle;
position: inherit
}
.spaui-button.addunchecked[disabled] {
border: 1px solid #c2f0f0;
color: #c2f0f0;
cursor: default
}
.spaui-button.toggle {
border: 2px solid #33cbcc;
color: #33cbcc
}
.spaui-button.toggle .icon-visible {
vertical-align: middle;
right: 0;
margin-right: 0
}
.spaui-button.toggle.checked {
background-color: #33cbcc;
border-color: #33cbcc;
color: #fff;
line-height: 30px
}
.spaui-button.toggle.checked .icon-ico-check {
padding-right: 3px;
font-size: 24px;
vertical-align: middle
}
.spaui-button.toggle.checked .icon-ico-check:before {
content: "\69";
display: inline-block;
vertical-align: middle;
position: inherit
}
.spaui-button.toggle.checked .icons {
float: right;
position: relative;
display: -webkit-inline-box;
display: inline-flex;
padding-top: 4px;
margin-right: 0
}
.spaui-button.toggle.unchecked {
background-color: #fff;
border-color: #33cbcc;
color: #33cbcc;
line-height: 30px
}
.spaui-button.toggle.unchecked .icon-ico-check {
padding-right: 3px;
font-size: 24px;
vertical-align: middle
}
.spaui-button.toggle.unchecked .icon-ico-check:before {
content: "\69";
display: inline-block;
vertical-align: middle;
position: inherit
}
.spaui-button.toggle[disabled] {
border: 2px solid #c2f0f0;
color: #c2f0f0;
cursor: default
}
.spaui-button.large {
width: 240px;
margin: 32px 16px
}
.spaui-button.medium {
width: 160px;
margin: 32px 16px
}
.spaui-button.extra-small {
height: 22px;
font-size: 11px
}
.spaui-button.extra-small.es-small {
width: 120px;
margin: 32px 16px
}
.spaui-button.extra-small.es-medium {
width: 160px;
margin: 32px 16px
}
.spaui-button.extra-small.es-large {
width: 240px;
margin: 32px 16px
}
.spaui-button.no-margin {
margin: 0 !important
}
.spaui-button.iconsBtn {
width: 72px;
margin: 32px 16px;
font-size: 24px;
cursor: pointer
}
.spaui-button.iconsBtn .icon-carrinho {
font-size: 24px;
display: block
}
.spaui-button.iconsBtn .icon-carrinho:before {
content: "\75";
display: inline-block;
vertical-align: baseline;
position: inherit
}
.spaui-button.iconsBtn .add {
text-align: left;
padding-left: 4px;
text-transform: none;
color: #444
}
.spaui-button.iconsBtn .add .icon-adicionar {
position: absolute;
font-size: 24px;
left: .7em;
bottom: .3em
}
.spaui-button.smallBtn {
width: 112px;
margin: 32px 16px
}
.spaui-button.btnCards {
width: 112px
}
.spaui-button.smallBtnIcons {
height: 24px;
width: 16px;
font-weight: 700;
font-size: 20px;
padding-left: 8px
}
.spaui-button.smallBtnIcons span.icoDescriptionLeft {
height: 24px;
margin-left: -1px;
font-size: 18px;
display: block
}
.spaui-button.smallBtnIcons span.icoDescriptionRight {
height: 24px;
display: block;
margin-top: -12px;
font-size: 23px
}
.bg-dark .spaui-button.primary {
background-color: #fff;
color: #424455
}
.bg-dark .spaui-button.primary[disabled] {
color: #ebebeb;
background-color: #b3b4bb;
border: 2px solid #b3b4bb;
cursor: default
}
.bg-dark .spaui-button.primary:not([disabled]):hover {
background-color: #1a1a1a;
border: 2px solid transparent;
color: #fff
}
.bg-dark .spaui-button.secondary {
color: #fff;
border-color: #fff
}
.bg-dark .spaui-button.secondary[disabled] {
color: #ebebeb;
background-color: #b3b4bb;
border: 2px solid #b3b4bb;
cursor: default
}
.bg-dark .spaui-button.secondary:not([disabled]):hover {
background-color: #fff;
border-color: #fff;
color: #191919
}
.bg-dark .spaui-button.tertiary {
color: #fff;
border-color: #3cc
}
.bg-dark .spaui-button.tertiary[disabled] {
color: #ebebeb;
background-color: #b3b4bb;
border: 2px solid #b3b4bb;
cursor: default
}
.bg-dark .spaui-button.tertiary:not([disabled]):hover {
background-color: #4cd7de;
border-color: #3cc;
color: #191919
}
.bg-dark .spaui-button.pdfViewer {
background-color: #fff;
color: #424455;
margin-bottom: 16px
}
.bg-dark .spaui-button.pdfViewer[disabled] {
color: #ebebeb;
background-color: #b3b4bb;
border: 2px solid #b3b4bb;
cursor: default
}
.bg-dark .spaui-button.pdfViewer:not([disabled]):hover {
background-color: #1a1a1a;
border: 2px solid transparent;
color: #fff
}
</style>
<style>
.box-sizing {
box-sizing: border-box
}
.rotating {
transform: rotate(360deg);
transition-duration: 1s;
transition-delay: now;
animation-timing-function: linear;
animation-iteration-count: infinite
}
iframe {
display: block;
height: 100%;
width: 100%;
border: 0
}
.areaLeans::after {
content: " ";
white-space: pre;
padding-bottom: 41px;
position: relative
}
.ck-view {
padding: 0;
width: 100%;
height: calc(100% - 92px);
background: #fff;
overflow-x: hidden;
overflow-y: auto
}
.loader-container {
align-items: center;
background: rgba(255, 255, 255, .9);
display: flex;
height: 100vh;
justify-content: center;
position: absolute;
width: 100vw;
z-index: 3000
}
@keyframes spinner {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
header {
background: #2a4751;
display: flex;
height: 52px;
width: 100%;
position: fixed;
top: 0
}
header .logotipo {
display: flex;
height: 52px;
justify-content: center;
width: 60px
}
header .logotipo .logotipo-image {
border-radius: 50%;
background-color: #fff;
width: 36px;
height: 36px;
margin-top: 8px;
padding: 4px
}
.troca_cliente {
margin-left: -5%;
margin-right: 40%
}
.search {
flex-grow: 4;
left: 0;
width: 20%
}
.customer {
display: flex;
flex-grow: 2;
justify-content: space-around;
margin-right: 1%
}
.menu {
background: 0 0;
justify-content: flex-end;
flex-grow: 1
}
.display-none {
display: none
}
footer {
background-color: #f9f9f9;
bottom: 0;
box-shadow: 0 1px 8px 0 #ddd, inset 0 1px 0 0 #ddd;
display: block;
height: 40px;
left: 0;
position: fixed;
width: 100%
}
footer.cols-two {
height: 56px
}
footer .navigation-footer {
display: flex;
justify-content: flex-end
}
footer .navbar-collapse.collapse {
display: none !important
}
footer .warning-location {
display: flex;
flex-flow: 1;
margin-top: 5px
}
footer .sara-location {
display: block;
flex-flow: 1
}
.higher-level {
z-index: 99999
}
.low-level {
z-index: 99
}
html ::ng-deep canvas {
height: 670px !important;
max-width: 600px !important
}
.pdfButton {
margin: 8px 0
}
</style>
<style>
.search-container[_ngcontent-cdm-c7] {
display: flex;
flex-direction: row;
max-width: 725px
}
.search-container[_ngcontent-cdm-c7] .search-options[_ngcontent-cdm-c7] {
height: 52px;
position: relative;
width: 130px
}
.search-container[_ngcontent-cdm-c7] .search-options.active[_ngcontent-cdm-c7] {
background-color: #fff;
border-top: 2px solid #f34646
}
.search-container[_ngcontent-cdm-c7] .search-options[_ngcontent-cdm-c7]>button[_ngcontent-cdm-c7] {
align-items: center;
background: 0 0;
border: none;
display: flex;
height: 100%;
justify-content: center;
outline-width: 0;
padding: 0;
width: 100%;
color: #fff;
cursor: default
}
.search-container[_ngcontent-cdm-c7] .search-options[_ngcontent-cdm-c7]>button.active[_ngcontent-cdm-c7] {
background-color: #fff;
height: 50px;
padding-bottom: 2px
}
.search-container[_ngcontent-cdm-c7] .search-options[_ngcontent-cdm-c7]>button[_ngcontent-cdm-c7]>svg[_ngcontent-cdm-c7] {
height: 24px;
padding: 0;
width: 24px
}
.search-container[_ngcontent-cdm-c7] .search-options[_ngcontent-cdm-c7]>button[_ngcontent-cdm-c7]>span[_ngcontent-cdm-c7] {
color: #ccc
}
.search-container[_ngcontent-cdm-c7] .search-options[_ngcontent-cdm-c7] .search-options-container[_ngcontent-cdm-c7] {
background-color: #fff;
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .5);
width: 250px;
border-radius: 0 4px 4px
}
.search-container[_ngcontent-cdm-c7] .search-input[_ngcontent-cdm-c7] {
position: relative;
width: 342px;
z-index: 70
}
.search-container[_ngcontent-cdm-c7] .search-input[_ngcontent-cdm-c7]>input[_ngcontent-cdm-c7] {
background: 0 0;
border-width: 0;
color: #fff;
height: 52px;
outline-width: 0;
width: 100%;
padding: 0 62px 0 18px
}
.search-container[_ngcontent-cdm-c7] .search-input[_ngcontent-cdm-c7]>input.active[_ngcontent-cdm-c7] {
color: #191919;
background: #fff;
border-left: 1px solid #f9f9f9;
border-right: 1px solid #f9f9f9;
border-top: 2px solid #f34646
}
.search-container[_ngcontent-cdm-c7] .search-input[_ngcontent-cdm-c7]>input.place-botter-bottom[_ngcontent-cdm-c7] {
border-bottom: 1px solid #f9f9f9
}
.search-container[_ngcontent-cdm-c7] .search-input[_ngcontent-cdm-c7] .search-history-container[_ngcontent-cdm-c7] {
background: 0 0;
border: none;
border-radius: 0 0 5px 5px;
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .5)
}
.search-container[_ngcontent-cdm-c7] .search-input[_ngcontent-cdm-c7] .search-history-container[_ngcontent-cdm-c7]>div[_ngcontent-cdm-c7] {
background-color: #fff;
border-color: #f9f9f9;
border-style: solid;
border-width: 0 0 1px;
box-sizing: border-box;
display: flex;
flex-direction: column;
height: 52px;
padding-left: 18px;
z-index: 10;
cursor: pointer
}
.search-container[_ngcontent-cdm-c7] .search-input[_ngcontent-cdm-c7] .search-history-container[_ngcontent-cdm-c7]>div[_ngcontent-cdm-c7]:hover {
background-color: #d8d8d8
}
.search-container[_ngcontent-cdm-c7] .search-input[_ngcontent-cdm-c7] .search-history-container[_ngcontent-cdm-c7]>div[_ngcontent-cdm-c7]:last-child {
border-radius: 0 0 5px 5px
}
.search-container[_ngcontent-cdm-c7] .search-input[_ngcontent-cdm-c7] .search-history-container[_ngcontent-cdm-c7]>div.more-results[_ngcontent-cdm-c7] {
align-items: center;
display: flex;
justify-content: center;
padding: 0
}
.search-container[_ngcontent-cdm-c7] .search-input[_ngcontent-cdm-c7] .search-history-container[_ngcontent-cdm-c7]>div.more-results[_ngcontent-cdm-c7]>span[_ngcontent-cdm-c7]:first-child {
color: #3cc
}
.search-container[_ngcontent-cdm-c7] .search-input[_ngcontent-cdm-c7] .search-history-container[_ngcontent-cdm-c7]>div[_ngcontent-cdm-c7]>span[_ngcontent-cdm-c7]:first-child {
color: #191919
}
.search-container[_ngcontent-cdm-c7] .search-input[_ngcontent-cdm-c7] .search-history-container[_ngcontent-cdm-c7]>div[_ngcontent-cdm-c7]>span[_ngcontent-cdm-c7]:nth-child(2) {
color: #999
}
.search-container[_ngcontent-cdm-c7] .search-input[_ngcontent-cdm-c7] .search-svg-container[_ngcontent-cdm-c7] {
align-items: center;
display: flex;
height: 52px;
justify-content: center;
left: 282PX;
position: absolute;
top: 0;
width: 60px
}
.search-container[_ngcontent-cdm-c7] .search-input[_ngcontent-cdm-c7] .search-svg-container[_ngcontent-cdm-c7]>svg[_ngcontent-cdm-c7] {
height: 22px;
padding: 0;
vertical-align: middle;
width: 22px
}
.search-option[_ngcontent-cdm-c7]>div[_ngcontent-cdm-c7] {
z-index: 60;
background-color: #fff;
border-color: #f9f9f9;
border-style: solid;
border-width: 0 0 1px;
line-height: 5rem
}
.search-option[_ngcontent-cdm-c7]>div[_ngcontent-cdm-c7]:hover {
background-color: #d8d8d8
}
.search-option[_ngcontent-cdm-c7]>div[_ngcontent-cdm-c7] spaui-radio[_ngcontent-cdm-c7] {
line-height: 3rem
}
.search-option[_ngcontent-cdm-c7] .search-option-row-space-between[_ngcontent-cdm-c7] {
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
padding-left: 18px;
padding-right: 13px
}
.search-option[_ngcontent-cdm-c7] .search-option-column-space-between[_ngcontent-cdm-c7] {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-left: 18px;
padding-right: 13px
}
.search-option[_ngcontent-cdm-c7] .name-container[_ngcontent-cdm-c7] {
padding-bottom: 15px
}
.search-option[_ngcontent-cdm-c7] .padding[_ngcontent-cdm-c7] {
padding-left: 18px;
padding-right: 13px
}
.search-option[_ngcontent-cdm-c7] .pointer[_ngcontent-cdm-c7] {
cursor: pointer
}
.search-option[_ngcontent-cdm-c7] spaui-radio[_ngcontent-cdm-c7] {
float: none
}
.search-option[_ngcontent-cdm-c7] .check[_ngcontent-cdm-c7] {
color: #9c0
}
.search-option[_ngcontent-cdm-c7] .spaui-radiobutton-label[_ngcontent-cdm-c7] {
padding-left: .225em !important;
width: 80% !important
}
[_nghost-cdm-c7] spaui-tabs {
width: 100%;
display: inline-block
}
[_nghost-cdm-c7] spaui-tabs .spaui-tabs {
-webkit-padding-start: 0;
padding-left: 0;
margin: 24px 12px
}
[_nghost-cdm-c7] spaui-tabs .spaui-tabs .spaui-tab {
min-width: 0 !important;
width: 50% !important;
height: 24px !important;
display: inline-flex !important;
justify-content: center;
align-items: center
}
[_nghost-cdm-c7] spaui-tabs .spaui-tabs .spaui-tab .spaui-tab-text {
padding: 0 !important;
margin: 0 !important;
font-family: OpenSansBold, Sans-serif
}
.buttonInitCadastro[_ngcontent-cdm-c7] {
width: 150px;
margin-left: -140px
}
.buttonCloseCadastro[_ngcontent-cdm-c7] {
width: 150px;
margin-left: 115px;
margin-top: -39px
}
.inputSize[_ngcontent-cdm-c7] {
margin-block: inherit;
margin-top: -20px;
width: 45%
}
.inputSizeStreet[_ngcontent-cdm-c7] {
margin-block: inherit;
margin-top: -81px;
width: 43%;
margin-left: 55%
}
.inputSizeNumber[_ngcontent-cdm-c7] {
margin-block: inherit;
margin-top: -20px;
width: 20%
}
.inputSizeDistric[_ngcontent-cdm-c7] {
margin-block: inherit;
margin-top: -81px;
width: 28%;
margin-left: 24%
}
.inputSizeComplement[_ngcontent-cdm-c7] {
margin-block: inherit;
margin-top: -81px;
width: 43%;
margin-left: 55%
}
</style>
<style>
.box-sizing[_ngcontent-cdm-c8] {
box-sizing: border-box
}
.rotating[_ngcontent-cdm-c8] {
transform: rotate(360deg);
transition-duration: 1s;
transition-delay: now;
animation-timing-function: linear;
animation-iteration-count: infinite
}
.show-menu-client[_ngcontent-cdm-c8] {
display: table-caption;
height: 52px;
margin-top: 5px;
text-align: center
}
.show-menu-client[_ngcontent-cdm-c8] .avatar-letters[_ngcontent-cdm-c8] {
position: relative;
background: #f9f9f9;
border: 2px solid #3cc;
border-radius: 50%;
color: #3cc;
cursor: pointer;
height: 35px;
padding: 5px 0;
text-align: center;
width: 38px;
right: 2px
}
.show-menu-client[_ngcontent-cdm-c8] .avatar-letters[_ngcontent-cdm-c8]>svg[_ngcontent-cdm-c8] {
position: absolute;
top: 32px;
left: 10px
}
.show-menu-client[_ngcontent-cdm-c8] .avatar-letters[_ngcontent-cdm-c8]>img[_ngcontent-cdm-c8] {
position: absolute;
top: -4px;
left: -3px
}
.show-menu-client[_ngcontent-cdm-c8] .menu-customer[_ngcontent-cdm-c8] .letters[_ngcontent-cdm-c8] {
position: relative
}
.show-menu-client[_ngcontent-cdm-c8] .menu-customer[_ngcontent-cdm-c8] .letters[_ngcontent-cdm-c8]>img[_ngcontent-cdm-c8] {
position: absolute;
top: -2px;
left: -2px
}
.show-menu-client[_ngcontent-cdm-c8] img[_ngcontent-cdm-c8] {
cursor: pointer;
width: 40px;
border: 2px solid #f9f9f9;
border-radius: 100%;
display: block;
padding: 0;
right: 4px;
height: 39px;
-o-object-fit: cover;
object-fit: cover
}
.show-menu-client[_ngcontent-cdm-c8] svg[_ngcontent-cdm-c8] {
cursor: pointer;
display: inline-block;
width: 15px;
height: 15px
}
.show-menu-client[_ngcontent-cdm-c8] svg[_ngcontent-cdm-c8] path[_ngcontent-cdm-c8] {
fill: #f9f9f9
}
.show-menu-client[_ngcontent-cdm-c8] .menu-customer[_ngcontent-cdm-c8] {
display: block;
left: 0;
padding-bottom: 30px;
position: absolute;
top: 52px;
width: 100%;
z-index: 60
}
.show-menu-client[_ngcontent-cdm-c8] .menu-customer[_ngcontent-cdm-c8] .title-menu-customer[_ngcontent-cdm-c8] {
color: #f9f9f9;
font-size: 16px;
font-weight: 300;
line-height: 24px;
margin-bottom: 0;
margin-left: 15%;
margin-top: 30px;
text-align: left
}
.show-menu-client[_ngcontent-cdm-c8] .menu-customer[_ngcontent-cdm-c8] .flex-customer[_ngcontent-cdm-c8] {
display: flex
}
.show-menu-client[_ngcontent-cdm-c8] .menu-customer[_ngcontent-cdm-c8] .flex-customer[_ngcontent-cdm-c8] a[_ngcontent-cdm-c8] {
text-decoration: none;
color: #f9f9f9
}
.show-menu-client[_ngcontent-cdm-c8] .menu-customer[_ngcontent-cdm-c8] .flex-customer[_ngcontent-cdm-c8] a[_ngcontent-cdm-c8]:hover {
font-weight: 700;
text-shadow: 0 1px 3px rgba(0, 0, 0, .25);
color: #fff
}
.show-menu-client[_ngcontent-cdm-c8] .menu-customer[_ngcontent-cdm-c8] .flex-customer[_ngcontent-cdm-c8] .customer[_ngcontent-cdm-c8] {
display: table;
margin-top: -70px;
width: 15%;
max-width: 15%
}
.show-menu-client[_ngcontent-cdm-c8] .menu-customer[_ngcontent-cdm-c8] .flex-customer[_ngcontent-cdm-c8] .customer[_ngcontent-cdm-c8] .letters[_ngcontent-cdm-c8] {
background: #f9f9f9;
border: 2px solid #3cc;
border-radius: 50%;
color: #3cc;
cursor: pointer;
display: block;
font-size: 24px;
font-weight: 700;
height: 80px;
line-height: 60px;
padding: 5px;
text-align: center;
width: 80px;
margin: 50px auto 0
}
.show-menu-client[_ngcontent-cdm-c8] .menu-customer[_ngcontent-cdm-c8] .flex-customer[_ngcontent-cdm-c8] .customer[_ngcontent-cdm-c8] img[_ngcontent-cdm-c8] {
border: 2px solid #f9f9f9;
border-radius: 100%;
display: block;
height: 80px;
padding: 0;
width: 80px;
-o-object-fit: cover;
object-fit: cover
}
.show-menu-client[_ngcontent-cdm-c8] .menu-customer[_ngcontent-cdm-c8] .flex-customer[_ngcontent-cdm-c8] .customer[_ngcontent-cdm-c8] .title-customer[_ngcontent-cdm-c8] {
border: none;
color: #f9f9f9;
font-size: 14px;
font-weight: 700;
margin: 10px 0 0;
padding: 0;
text-align: center
}
.show-menu-client[_ngcontent-cdm-c8] .menu-customer[_ngcontent-cdm-c8] .flex-customer[_ngcontent-cdm-c8] .customer[_ngcontent-cdm-c8] .role-customer[_ngcontent-cdm-c8] {
color: #c2c2c2;
font-size: 12px;
font-weight: 500;
margin: 0;
padding: 0;
text-align: center;
text-transform: capitalize
}
.show-menu-client[_ngcontent-cdm-c8] .menu-customer[_ngcontent-cdm-c8] .flex-customer[_ngcontent-cdm-c8] .customer[_ngcontent-cdm-c8] a[_ngcontent-cdm-c8] {
color: #f9f9f9;
display: block;
text-align: center;
text-decoration: none
}
.show-menu-client[_ngcontent-cdm-c8] .menu-customer[_ngcontent-cdm-c8] .flex-customer[_ngcontent-cdm-c8] .session-menu[_ngcontent-cdm-c8] {
background: linear-gradient(to bottom, rgba(255, 255, 255, .1), rgba(255, 255, 255, .02));
border-radius: 5px;
display: inline-block;
margin: 1%;
padding: 30px;
text-align: left
}
.show-menu-client[_ngcontent-cdm-c8] .menu-customer[_ngcontent-cdm-c8] .flex-customer[_ngcontent-cdm-c8] .session-menu[_ngcontent-cdm-c8] ul[_ngcontent-cdm-c8] {
padding: 0
}
.show-menu-client[_ngcontent-cdm-c8] .menu-customer[_ngcontent-cdm-c8] .flex-customer[_ngcontent-cdm-c8] .session-menu[_ngcontent-cdm-c8] ul[_ngcontent-cdm-c8] .title[_ngcontent-cdm-c8] {
color: #c2c2c2;
font-size: 14px;
margin-bottom: 10px;
text-transform: uppercase
}
.show-menu-client[_ngcontent-cdm-c8] .menu-customer[_ngcontent-cdm-c8] .flex-customer[_ngcontent-cdm-c8] .session-menu[_ngcontent-cdm-c8] ul[_ngcontent-cdm-c8] li[_ngcontent-cdm-c8] {
color: #f9f9f9;
list-style: none
}
.show-menu-client[_ngcontent-cdm-c8] .menu-customer[_ngcontent-cdm-c8] .flex-customer[_ngcontent-cdm-c8] .session-menu[_ngcontent-cdm-c8] ul[_ngcontent-cdm-c8] li[_ngcontent-cdm-c8] a[_ngcontent-cdm-c8] {
text-decoration: none;
color: #f9f9f9
}
.show-menu-client[_ngcontent-cdm-c8] .menu-customer[_ngcontent-cdm-c8] .flex-customer[_ngcontent-cdm-c8] .session-menu[_ngcontent-cdm-c8] ul[_ngcontent-cdm-c8] li[_ngcontent-cdm-c8] a[_ngcontent-cdm-c8]:hover {
font-weight: 700;
text-shadow: 0 1px 3px rgba(0, 0, 0, .25);
color: #fff
}
</style>
<style>
.box-sizing[_ngcontent-cdm-c9] {
box-sizing: border-box
}
.rotating[_ngcontent-cdm-c9] {
transform: rotate(360deg);
transition-duration: 1s;
transition-delay: now;
animation-timing-function: linear;
animation-iteration-count: infinite
}
.setDivIcon[_ngcontent-cdm-c9] {
background-color: #fff;
border-top: 2px solid #f34646
}
.dvIconNotificationCkChangeCustomer[_ngcontent-cdm-c9] {
cursor: pointer;
height: 52px;
width: 60px
}
.dvIconNotificationCkChangeCustomer[_ngcontent-cdm-c9] .divIconContainerCkChangeCustomer[_ngcontent-cdm-c9] {
position: relative
}
.dvIconNotificationCkChangeCustomer[_ngcontent-cdm-c9] .divIconContainerCkChangeCustomer[_ngcontent-cdm-c9]>div[_ngcontent-cdm-c9] {
height: 30px;
margin-left: 9px;
width: 30px
}
img[_ngcontent-cdm-c9] {
cursor: pointer;
width: 40px;
border: 1px solid #f9f9f9;
border-radius: 100%;
display: block;
margin: -24px auto 0;
padding: 2px;
height: 39px;
-o-object-fit: cover;
object-fit: cover
}
img.img[_ngcontent-cdm-c9] {
position: relative;
bottom: 5px;
right: 10px
}
.divCkChangeCustomerList[_ngcontent-cdm-c9] {
background-color: #fff;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
box-shadow: 0 3px 3px 1px rgba(0, 0, 0, .1);
display: table-caption;
padding-bottom: 8px;
padding-top: 8px;
position: relative;
right: 204px;
width: 264px;
z-index: 60;
border-radius: 4px 0 4px 4px
}
.divCkChangeCustomerList[_ngcontent-cdm-c9] .divCkChangeCustomerContainer[_ngcontent-cdm-c9] {
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-around;
z-index: 60
}
.divCkChangeCustomerList[_ngcontent-cdm-c9] .divCkChangeCustomerContainer[_ngcontent-cdm-c9]:hover {
color: #191919;
background-color: #d8d8d8
}
.divCkChangeCustomerList[_ngcontent-cdm-c9] .divCkChangeCustomerContainer[_ngcontent-cdm-c9] .avatar-letters[_ngcontent-cdm-c9] {
background: #fff;
border: 2px solid #3cc;
border-radius: 50%;
color: #3cc;
cursor: pointer;
height: 35px;
padding: 5px;
text-align: center;
width: 35px;
margin: 5%
}
.divCkChangeCustomerList[_ngcontent-cdm-c9] .divCkChangeCustomerContainer[_ngcontent-cdm-c9] .infoCustomerQueue[_ngcontent-cdm-c9] {
cursor: pointer;
height: 40px;
width: 168px;
padding-left: 8px
}
.divCkChangeCustomerList[_ngcontent-cdm-c9] .divCkChangeCustomerContainer[_ngcontent-cdm-c9] .infoCustomerQueue[_ngcontent-cdm-c9] .customerNameQueue[_ngcontent-cdm-c9] {
color: #191919;
display: block;
font-size: 14px;
height: 24px;
line-height: 1.71;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.divCkChangeCustomerList[_ngcontent-cdm-c9] .divCkChangeCustomerContainer[_ngcontent-cdm-c9] .infoCustomerQueue[_ngcontent-cdm-c9] .customerNameQueue[_ngcontent-cdm-c9] .bold[_ngcontent-cdm-c9] {
font-weight: 700
}
.divCkChangeCustomerList[_ngcontent-cdm-c9] .divCkChangeCustomerContainer[_ngcontent-cdm-c9] .infoCustomerQueue[_ngcontent-cdm-c9] .customerDetailQueue[_ngcontent-cdm-c9] {
color: #999;
font-size: 11px;
height: 16px;
line-height: 1.45
}
.divCkChangeCustomerList[_ngcontent-cdm-c9] .divCkChangeCustomerContainer[_ngcontent-cdm-c9] .removeCustomerQueue[_ngcontent-cdm-c9] {
cursor: pointer;
height: 16px;
-o-object-fit: contain;
object-fit: contain;
width: 16px
}
</style>
<style></style>
<style>
.box-sizing[_ngcontent-cdm-c14] {
box-sizing: border-box
}
.rotating[_ngcontent-cdm-c14] {
transform: rotate(360deg);
transition-duration: 1s;
transition-delay: now;
animation-timing-function: linear;
animation-iteration-count: infinite
}
.divMultitask[_ngcontent-cdm-c14] {
display: inline;
left: 0;
position: absolute
}
.divMultitask[_ngcontent-cdm-c14] .tabs[_ngcontent-cdm-c14] {
display: inline-block;
height: 24px;
margin: 2px 0 0 8px;
padding: 0
}
.divMultitask[_ngcontent-cdm-c14] .tabs[_ngcontent-cdm-c14] .li_selected[_ngcontent-cdm-c14] {
border-bottom: 2px solid #ef0000
}
.divMultitask[_ngcontent-cdm-c14] .tabs[_ngcontent-cdm-c14] .a_notselected[_ngcontent-cdm-c14] {
color: #c2c2c2;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.45;
text-align: center
}
.divMultitask[_ngcontent-cdm-c14] .tabs[_ngcontent-cdm-c14] li[_ngcontent-cdm-c14] {
background-color: #f9f9f9;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
height: 38px;
line-height: 35px;
position: relative;
text-align: center;
text-decoration: none;
text-overflow: none;
top: 0;
word-wrap: normal;
z-index: 20
}
.divMultitask[_ngcontent-cdm-c14] .tabs[_ngcontent-cdm-c14] li[_ngcontent-cdm-c14]:nth-child(1) {
z-index: 50
}
.divMultitask[_ngcontent-cdm-c14] .tabs[_ngcontent-cdm-c14] li[_ngcontent-cdm-c14]:nth-child(2) {
z-index: 40
}
.divMultitask[_ngcontent-cdm-c14] .tabs[_ngcontent-cdm-c14] li[_ngcontent-cdm-c14]:nth-child(3) {
z-index: 30
}
.divMultitask[_ngcontent-cdm-c14] .tabs[_ngcontent-cdm-c14] li[_ngcontent-cdm-c14]:nth-child(4) {
z-index: 20
}
.divMultitask[_ngcontent-cdm-c14] .tabs[_ngcontent-cdm-c14] li[_ngcontent-cdm-c14]:nth-child(5) {
z-index: 10
}
.divMultitask[_ngcontent-cdm-c14] .tabs[_ngcontent-cdm-c14] li[_ngcontent-cdm-c14]:hover .mdi-close-circle[_ngcontent-cdm-c14] {
color: #ddd;
display: block
}
.divMultitask[_ngcontent-cdm-c14] .tabs[_ngcontent-cdm-c14] li[_ngcontent-cdm-c14] .mdi-close-circle[_ngcontent-cdm-c14] {
color: #ce0000;
display: none;
font-size: 16px;
position: absolute;
right: -9px;
top: 4px;
z-index: 30
}
.divMultitask[_ngcontent-cdm-c14] .tabs[_ngcontent-cdm-c14] li[_ngcontent-cdm-c14] .mdi-close-circle[_ngcontent-cdm-c14]:hover {
color: #ddd
}
.divMultitask[_ngcontent-cdm-c14] .tabs[_ngcontent-cdm-c14] li[_ngcontent-cdm-c14] .xIconMultiTask[_ngcontent-cdm-c14] {
height: 8px;
margin-left: 8px;
margin-right: 8px;
padding: 0;
width: 8px
}
.divMultitask[_ngcontent-cdm-c14] .tabs[_ngcontent-cdm-c14] li[_ngcontent-cdm-c14] a[_ngcontent-cdm-c14] {
color: #191919;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-weight: 700;
height: 16px;
line-height: 1.45;
padding-left: 7px;
text-align: center;
text-decoration: none
}
.divMultitask[_ngcontent-cdm-c14] .tabs[_ngcontent-cdm-c14] li[_ngcontent-cdm-c14] a.on[_ngcontent-cdm-c14],
.divMultitask[_ngcontent-cdm-c14] .tabs[_ngcontent-cdm-c14] li[_ngcontent-cdm-c14] a[_ngcontent-cdm-c14]:hover {
color: #191919;
text-decoration: none
}
.divMultitask[_ngcontent-cdm-c14] .tabs[_ngcontent-cdm-c14] li[_ngcontent-cdm-c14] a.disabled[_ngcontent-cdm-c14] {
color: #c2c2c2;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.45;
text-align: center
}
</style>
<style>
.support[_ngcontent-cdm-c15] {
display: block;
flex-grow: 1;
padding-right: 15px
}
.support[_ngcontent-cdm-c15] ul[_ngcontent-cdm-c15] {
margin: 0;
padding: 0
}
.support[_ngcontent-cdm-c15] ul[_ngcontent-cdm-c15] li[_ngcontent-cdm-c15] {
color: #444;
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1.33;
margin-left: 9px
}
.support[_ngcontent-cdm-c15] ul[_ngcontent-cdm-c15] li[_ngcontent-cdm-c15] a[_ngcontent-cdm-c15] {
color: #f9f9f9
}
.support[_ngcontent-cdm-c15] ul[_ngcontent-cdm-c15] li.date[_ngcontent-cdm-c15],
.support[_ngcontent-cdm-c15] ul[_ngcontent-cdm-c15] li.time[_ngcontent-cdm-c15] {
position: relative;
top: -2px
}
.support[_ngcontent-cdm-c15] ul[_ngcontent-cdm-c15] li.date[_ngcontent-cdm-c15] {
margin-left: 7px
}
.support[_ngcontent-cdm-c15] ul[_ngcontent-cdm-c15] li.time[_ngcontent-cdm-c15] {
margin-left: 5px
}
</style>
<style>
[_nghost-cdm-c16] .closeButton {
display: none !important
}
</style>
<style>
.np[_ngcontent-cdm-c20] {
padding: 0
}
.npl[_ngcontent-cdm-c20] {
padding-left: 0 !important
}
.npr[_ngcontent-cdm-c20] {
padding-right: 0 !important
}
.backdrop[_ngcontent-cdm-c20] {
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #444;
opacity: .85;
position: fixed;
display: none;
box-sizing: border-box;
z-index: 1040;
-webkit-transition: .3s;
transition: .3s
}
</style>
<style>
.np[_ngcontent-cdm-c21] {
padding: 0
}
.npl[_ngcontent-cdm-c21] {
padding-left: 0 !important
}
.npr[_ngcontent-cdm-c21] {
padding-right: 0 !important
}
[_nghost-cdm-c21] div[_ngcontent-cdm-c21] {
border-radius: 4px;
position: fixed;
left: 50%;
top: 50%;
z-index: 2000;
display: none;
background-color: #fff;
border: 1px solid #979797;
padding: 32px;
-webkit-transform: scale(1);
transform: scale(1)
}
[_nghost-cdm-c21] div[_ngcontent-cdm-c21] .closeButton[_ngcontent-cdm-c21] {
border-radius: 24px;
right: -17px;
top: -14px;
width: 32px;
height: 32px;
position: absolute;
background-color: #191919;
color: #fff;
padding: 5px 11px;
cursor: pointer
}
[_nghost-cdm-c21] div[_ngcontent-cdm-c21] .closeButton[_ngcontent-cdm-c21] i[_ngcontent-cdm-c21] {
font-size: 16px;
margin-top: 3px;
margin-left: -3px;
display: block;
cursor: pointer
}
</style>
<style>
.np {
padding: 0
}
.npl {
padding-left: 0 !important
}
.npr {
padding-right: 0 !important
}
input::-ms-clear,
input::-ms-reveal {
display: none;
width: 0;
height: 0
}
.datepicker-container {
display: inline-block;
position: relative;
width: 100%
}
.datepicker-container.disabled .datepicker-label {
cursor: default;
color: #c2c2c2
}
.datepicker-container.disabled .datepicker-input-container .datepicker-input {
border-bottom: 1px solid #c2c2c2
}
.datepicker-container.disabled .datepicker-input-container .datepicker-input,
.datepicker-container.disabled .datepicker-input-container .datepicker-input-icon,
.datepicker-container.disabled .datepicker-input-container .datepicker-input-icon .icon-calendario {
cursor: default;
color: #c2c2c2
}
.datepicker-container.disabled .datepicker-input-container .datepicker-input::-webkit-input-placeholder {
color: #c2c2c2
}
.datepicker-container.disabled .datepicker-input-container .datepicker-input:-moz-placeholder,
.datepicker-container.disabled .datepicker-input-container .datepicker-input:-ms-input-placeholder,
.datepicker-container.disabled .datepicker-input-container .datepicker-input::-moz-placeholder,
.datepicker-container.disabled .datepicker-input-container .datepicker-input::-webkit-input-placeholder,
.datepicker-container.disabled .datepicker-input-container .datepicker-input::placeholder {
color: #c2c2c2
}
.datepicker-container .datepicker-label {
font-size: .8125em;
line-height: 1.4375em;
margin-bottom: 0;
font-family: OpenSansBold;
font-weight: 400;
font-style: normal;
text-transform: uppercase
}
.datepicker-container .datepicker-input-container {
display: inline-block;
background: 0 0;
width: 100%
}
.datepicker-container .datepicker-input-container .datepicker-input-scheduled {
position: absolute;
top: 28px;
padding-left: 8px
}
.datepicker-container .datepicker-input-container .datepicker-input-icon {
top: 1.8em;
right: .71428571em;
display: inline-block;
cursor: pointer;
position: absolute
}
.datepicker-container .datepicker-input-container .datepicker-input-icon i {
cursor: pointer
}
.datepicker-container .datepicker-input {
background: 0 0;
font-size: 14px;
right: 16px;
height: 36px;
padding-left: 8px;
line-height: 33px;
color: #191919;
width: 100%;
border: none;
outline: 0;
border-bottom: 1px solid #444;
display: inline-block
}
.datepicker-container .datepicker-input ::-webkit-input-placeholder {
color: #343a40
}
.datepicker-container .datepicker-input ::-moz-placeholder {
color: #343a40
}
.datepicker-container .datepicker-input :-ms-input-placeholder {
color: #343a40
}
.datepicker-container .datepicker-input :-moz-placeholder {
color: #343a40
}
.datepicker-container .datepicker-calendar {
font-size: .8125em;
top: 4.5em;
border-bottom-left-radius: .4em;
border-bottom-right-radius: .4em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
font-family: OpenSansRegular;
position: absolute;
background: #fff;
box-shadow: 0 1px 8px 0 #ddd;
z-index: 9999
}
.datepicker-container .datepicker-calendar .datepicker-calendar-top {
width: 100%;
height: 80px;
background: #000;
display: inline-block;
position: relative
}
.datepicker-container .datepicker-calendar .datepicker-calendar-top button {
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
margin: 0 auto;
color: #fff;
text-transform: uppercase;
background: 0 0;
border: none;
outline: 0;
cursor: pointer;
position: relative
}
.datepicker-container .datepicker-calendar .datepicker-calendar-top .close {
top: .5em;
right: .5em;
position: absolute;
color: #fff;
cursor: pointer
}
.datepicker-container .datepicker-calendar-container {
width: 100%;
background: #fff;
display: inline-block
}
.datepicker-container .datepicker-calendar-container .datepicker-calendar-month-section {
height: 2.85714286em;
line-height: 3em;
width: 100%;
font-family: OpenSansBold;
text-transform: uppercase;
background: #fff;
color: #191919;
-webkit-box-pack: justify;
justify-content: space-between;
display: -webkit-box;
display: flex
}
.datepicker-container .datepicker-calendar-container .datepicker-calendar-month-section i {
margin-top: 1em;
cursor: pointer
}
.datepicker-container .datepicker-calendar-container .datepicker-calendar-month-section i:first-child {
margin-left: 1.2em
}
.datepicker-container .datepicker-calendar-container .datepicker-calendar-month-section i:last-child {
margin-right: 1.2em
}
.datepicker-container .datepicker-calendar-container .datepicker-calendar-month-section i.datepicker-icon-disabled {
color: #c2c2c2;
cursor: default
}
.datepicker-container .datepicker-calendar-container .datepicker-calendar-day-names {
font-size: 1em;
line-height: 1.8em;
width: 100%;
display: inline-block;
font-family: OpenSansBold;
background-color: #f9f9f9;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd
}
.datepicker-container .datepicker-calendar-container .datepicker-calendar-day-names span {
display: block;
float: left;
width: calc(100% / 7.04);
text-align: center;
padding: 7px 0
}
.datepicker-container .datepicker-calendar-container .datepicker-calendar-days-container {
margin-top: .5em;
width: 100%;
display: inline-block;
border: 1px solid transparent
}
.datepicker-container .datepicker-calendar-container .datepicker-calendar-days-container .day {
height: 2.9em;
font-weight: 700;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
float: left;
color: #333;
width: calc(100% / 7.04);
text-align: center;
cursor: pointer;
-webkit-transition: .3s linear;
transition: .3s linear
}
.datepicker-container .datepicker-calendar-container .datepicker-calendar-days-container .day.disabled {
font-weight: 400;
color: #191919;
background-color: #f9f9f9;
pointer-events: none
}
.datepicker-container .datepicker-calendar-container .datepicker-calendar-days-container .day.selected,
.datepicker-container .datepicker-calendar-container .datepicker-calendar-days-container .day:hover:not(.disabled) {
background: #9c0;
font-weight: 700;
color: #fff;
-webkit-transition: .3s linear;
transition: .3s linear
}
.datepicker-container .datepicker-calendar-container .datepicker-calendar-years-container {
width: 100%;
height: 260px;
padding: 5px
}
.datepicker-container .datepicker-calendar-container .datepicker-calendar-years-container .year {
font-size: 16px;
font-weight: 700;
height: 54px;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
float: left;
color: #333;
width: calc(100% / 3);
text-align: center;
border-radius: 50%;
cursor: pointer
}
.datepicker-container .datepicker-calendar-container .datepicker-calendar-years-container .year.selected,
.datepicker-container .datepicker-calendar-container .datepicker-calendar-years-container .year:hover {
border-radius: 4px;
background: #9c0;
color: #fff;
border: 1px solid #9c0
}
.datepicker-container .datepicker-calendar-container .datepicker-calendar-month-container {
width: 100%;
height: 260px;
padding: 5px
}
.datepicker-container .datepicker-calendar-container .datepicker-calendar-month-container .month {
font-size: 16px;
font-weight: 700;
height: 54px;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
float: left;
color: #333;
width: calc(100% / 3);
text-align: center;
border-radius: 50%;
cursor: pointer
}
.datepicker-container .datepicker-calendar-container .datepicker-calendar-month-container .month.disabled {
font-weight: 400;
color: #191919;
background-color: #f9f9f9;
pointer-events: none;
border-radius: 6px
}
.datepicker-container .datepicker-calendar-container .datepicker-calendar-month-container .month.selected,
.datepicker-container .datepicker-calendar-container .datepicker-calendar-month-container .month:hover:not(.disabled) {
border-radius: 4px;
background: #9c0;
color: #fff;
border: 1px solid #9c0
}
.datepicker-container .datepicker-calendar-container .datepicker-buttons {
width: 235px;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center
}
.datepicker-container .datepicker-calendar-container .datepicker-buttons button {
margin-right: .5em;
border-radius: .5em;
width: 100%;
outline: 0;
border: 1px solid #366aab;
background: #9c0;
color: #fff;
cursor: pointer;
text-align: center;
padding: 5px 10px;
display: inline-block
}
.datepicker-container .datepicker-calendar-container .datepicker-buttons button .u-is-primary {
background: #366aab
}
.datepicker-container .datepicker-calendar-container .datepicker-buttons button .u-is-primary:active {
background: #222628
}
.datepicker-container .datepicker-calendar-container .datepicker-buttons button .u-is-secondary {
background: #222628;
color: #9c0
}
.datepicker-container .datepicker-calendar-container .datepicker-buttons button .u-is-secondary:active {
background: #366aab;
color: #ddd
}
.datepicker-container .datepicker-calendar-container .datepicker-buttons button .u-is-secondary:hover {
color: #fff
}
.datepicker-container .description {
font-size: 11px;
line-height: 16px;
margin-top: 8px;
color: #999;
font-family: OpenSansItalic;
display: block
}
.datepicker-container .tooltip {
display: inline;
margin-left: .5em;
vertical-align: middle;
opacity: initial !important
}
.datepicker-container .top-title {
display: inline-block;
width: 60px;
text-align: center;
cursor: pointer
}
spaui-datepicker.ng-dirty.validation.ng-valid .datepicker-input {
border-bottom: 1px solid #9c0;
color: #191919
}
spaui-datepicker.ng-dirty.validation.ng-invalid .datepicker-input {
border-bottom: 1px solid #ce0000;
color: #191919
}
.spaui-state-error .datepicker-input {
border-bottom: 1px solid #ce0000 !important;
color: #ce0000 !important;
transition: .3s !important;
-webkit-transition: .3s !important;
-moz-transition: .3s !important;
-o-transition: .3s !important
}
.spaui-state-error .datepicker-input-icon :before,
.spaui-state-error~.description {
color: #ce0000 !important
}
.tooltip {
z-index: 97 !important
}
</style>
<style>
.box-sizing[_ngcontent-cdm-c10] {
box-sizing: border-box
}
.rotating[_ngcontent-cdm-c10] {
transform: rotate(360deg);
transition-duration: 1s;
transition-delay: now;
animation-timing-function: linear;
animation-iteration-count: infinite
}
.open-menu[_ngcontent-cdm-c10] .icon[_ngcontent-cdm-c10] {
border-top: 2px solid #ef0000;
height: 53px;
padding: 0 25px
}
.open-menu[_ngcontent-cdm-c10]>div[_ngcontent-cdm-c10] span[_ngcontent-cdm-c10] {
margin-left: 10px
}
.open-menu[_ngcontent-cdm-c10]>div[_ngcontent-cdm-c10] span[_ngcontent-cdm-c10]:nth-child(1) {
left: 50%;
top: 18px;
width: 0%
}
.open-menu[_ngcontent-cdm-c10]>div[_ngcontent-cdm-c10] span[_ngcontent-cdm-c10]:nth-child(2) {
transform: rotate(45deg)
}
.open-menu[_ngcontent-cdm-c10]>div[_ngcontent-cdm-c10] span[_ngcontent-cdm-c10]:nth-child(3) {
transform: rotate(-45deg)
}
.open-menu[_ngcontent-cdm-c10]>div[_ngcontent-cdm-c10] span[_ngcontent-cdm-c10]:nth-child(4) {
left: 50%;
top: 18px;
width: 0%
}
.open-menu[_ngcontent-cdm-c10] nav[_ngcontent-cdm-c10] {
display: flex;
flex-wrap: wrap;
z-index: 1050
}
.user-margin[_ngcontent-cdm-c10] {
margin-bottom: 20px
}
.troca-senha[_ngcontent-cdm-c10] {
margin-bottom: 6px;
margin-top: 6px
}
.icon[_ngcontent-cdm-c10] {
cursor: pointer;
float: right;
height: 53px;
margin: 0 15px;
padding: 2px 25px 0;
outline: 0;
position: relative;
transform: rotate(0);
transition: .5s ease-in-out;
width: 35px
}
.icon[_ngcontent-cdm-c10] span[_ngcontent-cdm-c10] {
background: padding-box #f9f9f9;
border-radius: 9px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
display: block;
height: 3px;
left: 0;
margin-left: 15px;
opacity: 1;
position: absolute;
transform: rotate(0);
transition: .25s ease-in-out;
width: 30px
}
.icon[_ngcontent-cdm-c10] span[_ngcontent-cdm-c10]:nth-child(1) {
top: 10px
}
.icon[_ngcontent-cdm-c10] span[_ngcontent-cdm-c10]:nth-child(2),
.icon[_ngcontent-cdm-c10] span[_ngcontent-cdm-c10]:nth-child(3) {
top: 20px
}
.icon[_ngcontent-cdm-c10] span[_ngcontent-cdm-c10]:nth-child(4) {
top: 30px
}
.menu-user[_ngcontent-cdm-c10] {
overflow-y: auto;
max-height: 88vh;
display: none;
left: 0;
position: absolute;
top: 52px;
width: 100%;
z-index: 10
}
.menu-user[_ngcontent-cdm-c10] a[_ngcontent-cdm-c10] {
color: #f9f9f9;
text-decoration: none
}
.menu-user[_ngcontent-cdm-c10] a[_ngcontent-cdm-c10]:hover {
font-weight: 700;
text-shadow: 0 1px 3px rgba(0, 0, 0, .25);
color: #fff
}
.menu-user[_ngcontent-cdm-c10] .background-menu-user[_ngcontent-cdm-c10] {
display: flex;
width: 100vw
}
.menu-user[_ngcontent-cdm-c10] .releases-notes[_ngcontent-cdm-c10] {
width: 100vw
}
.menu-user[_ngcontent-cdm-c10] .session-menu[_ngcontent-cdm-c10],
.menu-user[_ngcontent-cdm-c10] .user[_ngcontent-cdm-c10] {
display: inline-block
}
.menu-user[_ngcontent-cdm-c10] .user[_ngcontent-cdm-c10] {
width: 15%
}
.menu-user[_ngcontent-cdm-c10] .user[_ngcontent-cdm-c10] img[_ngcontent-cdm-c10] {
display: block;
border-radius: 100%;
height: 80px;
margin: 50px auto 0;
padding: 0;
width: 80px
}
.menu-user[_ngcontent-cdm-c10] .user[_ngcontent-cdm-c10] .title-user[_ngcontent-cdm-c10] {
border: none;
color: #f9f9f9;
font-size: 14px;
font-weight: 700;
margin: 10px 0 0;
padding: 0;
text-align: center
}
.menu-user[_ngcontent-cdm-c10] .user[_ngcontent-cdm-c10] .role-user[_ngcontent-cdm-c10] {
color: #c2c2c2;
font-size: 12px;
font-weight: 500;
margin: 0;
text-align: center;
text-transform: capitalize;
padding: 0
}
.menu-user[_ngcontent-cdm-c10] .user[_ngcontent-cdm-c10] a[_ngcontent-cdm-c10] {
color: #f9f9f9;
display: block;
text-align: center;
text-decoration: none
}
.menu-user[_ngcontent-cdm-c10] .session-menu[_ngcontent-cdm-c10] {
background: linear-gradient(to bottom, rgba(255, 255, 255, .1), rgba(255, 255, 255, .02));
border-radius: 5px;
margin: 2% 0 2% 1%;
padding: 15px;
width: 20%
}
.menu-user[_ngcontent-cdm-c10] .session-menu[_ngcontent-cdm-c10] .title[_ngcontent-cdm-c10] {
color: #c2c2c2;
font-size: 14px;
margin-bottom: 15px;
text-transform: uppercase
}
.menu-user[_ngcontent-cdm-c10] .session-menu[_ngcontent-cdm-c10] li[_ngcontent-cdm-c10] {
color: #f9f9f9;
line-height: 25px;
list-style: none
}
.menu-user[_ngcontent-cdm-c10] .session-menu[_ngcontent-cdm-c10] li[_ngcontent-cdm-c10] a[_ngcontent-cdm-c10] {
color: #f9f9f9;
text-decoration: none
}
.menu-user[_ngcontent-cdm-c10] .session-menu[_ngcontent-cdm-c10] li[_ngcontent-cdm-c10] a[_ngcontent-cdm-c10]:hover {
font-weight: 700;
text-shadow: 0 1px 3px rgba(0, 0, 0, .25);
color: #fff
}
.menu-user[_ngcontent-cdm-c10] .session-menu-wrapper[_ngcontent-cdm-c10] {
display: -ms-grid;
display: grid;
grid-gap: 12px;
padding: 18px 12px;
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
-ms-grid-rows: (1fr)[2];
grid-template-rows: repeat(2, 1fr);
grid-auto-flow: column;
width: 100%
}
.menu-user[_ngcontent-cdm-c10] .session-menu-wrapper[_ngcontent-cdm-c10] .menu-item-height[_ngcontent-cdm-c10] {
-ms-grid-row-span: 1;
grid-row: span 1
}
.menu-user[_ngcontent-cdm-c10] .know[_ngcontent-cdm-c10] {
background-color: #1a2b31;
color: #f9f9f9;
cursor: pointer;
padding: 10px 0 10px 30px;
width: 100%
}
.menu-user[_ngcontent-cdm-c10] .know[_ngcontent-cdm-c10] img[_ngcontent-cdm-c10] {
display: inline;
margin-right: 5px
}
.menu-user[_ngcontent-cdm-c10] .know[_ngcontent-cdm-c10] svg[_ngcontent-cdm-c10] {
color: #f9f9f9;
fill: #f9f9f9;
height: 15px;
left: 5px;
padding: 0;
position: relative;
top: -2px;
width: 15px
}
.menu-user[_ngcontent-cdm-c10] .border-l[_ngcontent-cdm-c10] {
border-left: 1px solid rgba(255, 255, 255, .15)
}
.menu-user[_ngcontent-cdm-c10] .border-r[_ngcontent-cdm-c10] {
border-right: 1px solid rgba(255, 255, 255, .15)
}
.menu-user[_ngcontent-cdm-c10] .persons-board[_ngcontent-cdm-c10] {
background-color: #1a2b31;
color: #f9f9f9;
display: none;
padding-bottom: 30px;
width: 100%
}
.menu-user[_ngcontent-cdm-c10] .persons-board[_ngcontent-cdm-c10] .person[_ngcontent-cdm-c10] {
float: left;
width: 100%;
padding-left: 10px
}
.menu-user[_ngcontent-cdm-c10] .persons-board[_ngcontent-cdm-c10] .person[_ngcontent-cdm-c10] h2[_ngcontent-cdm-c10] {
color: #f9f9f9;
margin-top: 0;
margin-bottom: 5px;
padding-left: 10px
}
.menu-user[_ngcontent-cdm-c10] .persons-board[_ngcontent-cdm-c10] .person[_ngcontent-cdm-c10] .item[_ngcontent-cdm-c10] {
padding-left: 10px;
padding-bottom: 10px;
letter-spacing: 0;
line-height: 11px
}
.menu-user[_ngcontent-cdm-c10] .persons-board[_ngcontent-cdm-c10] .person[_ngcontent-cdm-c10] .item[_ngcontent-cdm-c10] .desc[_ngcontent-cdm-c10] {
font-size: 10px;
font-style: italic
}
.menu-user[_ngcontent-cdm-c10] .open-releases[_ngcontent-cdm-c10] .persons-board[_ngcontent-cdm-c10] {
display: block
}
.menu-user[_ngcontent-cdm-c10] .open-releases[_ngcontent-cdm-c10] svg[_ngcontent-cdm-c10] {
transform: rotate(180deg)
}
.trade-role-id-dialog[_ngcontent-cdm-c10] {
width: 480px;
height: auto;
display: block;
border-radius: .4em;
position: absolute;
left: 50%;
top: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
z-index: 1500;
background-color: #fff;
border: 1px solid #979797;
padding: 8px 15px
}
.trade-role-id-dialog[_ngcontent-cdm-c10] .content[_ngcontent-cdm-c10] {
border: 0;
border-radius: 0;
display: block;
left: 0;
margin-top: 0;
top: 0;
padding-top: 20px;
position: relative;
width: 100%;
overflow-y: auto;
max-height: 200px;
height: auto
}
.trade-role-id-dialog[_ngcontent-cdm-c10] .content[_ngcontent-cdm-c10] ul[_ngcontent-cdm-c10] li.teste[_ngcontent-cdm-c10] {
cursor: pointer
}
.trade-role-id-dialog[_ngcontent-cdm-c10] .content[_ngcontent-cdm-c10] ul[_ngcontent-cdm-c10] li.teste[_ngcontent-cdm-c10]:hover {
background: rgba(0, 0, 0, .1)
}
.trade-role-id-dialog[_ngcontent-cdm-c10] ul[_ngcontent-cdm-c10] {
list-style: none;
padding: 0
}
.trade-role-id-dialog[_ngcontent-cdm-c10] ul[_ngcontent-cdm-c10] li[_ngcontent-cdm-c10] {
border-top: 1px solid #333;
background: rgba(0, 0, 0, .01);
padding: 30px 10px;
font-weight: 700
}
.trade-role-id-dialog[_ngcontent-cdm-c10] ul[_ngcontent-cdm-c10] li[_ngcontent-cdm-c10] span[_ngcontent-cdm-c10] {
float: right;
font-size: 16px;
font-weight: 700
}
.trade-role-id-dialog[_ngcontent-cdm-c10] ul[_ngcontent-cdm-c10] li[_ngcontent-cdm-c10] span.check[_ngcontent-cdm-c10] {
color: #9c0
}
.trade-role-id-dialog[_ngcontent-cdm-c10] span.closeButton[_ngcontent-cdm-c10] {
border-radius: 1.5em;
right: -1em;
top: -.7em;
width: 1.84615385em;
height: 1.84615385em;
position: absolute;
background-color: #191919;
color: #fff;
padding: 5px 11px;
cursor: pointer
}
.trade-role-id-dialog[_ngcontent-cdm-c10] span.closeButton[_ngcontent-cdm-c10] i[_ngcontent-cdm-c10] {
margin-left: -5px
}
.backdrop[_ngcontent-cdm-c10] {
background-color: rgba(0, 0, 0, .3);
bottom: 0;
display: block;
left: 0;
position: fixed;
right: 0;
top: 0;
transition: .3s;
z-index: 1050
}
</style>
<style>
.container[_ngcontent-cdm-c24]>h1[_ngcontent-cdm-c24] {
margin-left: -150px
}
.santander[_ngcontent-cdm-c24] {
text-align: center;
width: 500px;
padding: 25px;
margin: 0 auto
}
.mao[_ngcontent-cdm-c24] {
text-align: center;
width: 600px;
padding: 15px;
margin: 0 auto
}
.title_modal[_ngcontent-cdm-c24] {
border-bottom: 1px solid #ddd;
margin-bottom: 8px
}
.subtitle_modal[_ngcontent-cdm-c24] {
margin-top: 0;
margin-bottom: 14px;
padding: 0
}
[_nghost-cdm-c24] spaui-dialog>div:first-of-type {
margin-left: 0 !important;
margin-top: 0 !important;
padding: 24px !important;
transform: translate(-50%, -50%) !important;
overflow: auto;
z-index: 100001 !important
}
[_nghost-cdm-c24] spaui-dialog>div {
transform: translate(-50%, -50%) !important
}
.buttonInitCadastro[_ngcontent-cdm-c24] {
width: 172px
}
.confirm-toast[_ngcontent-cdm-c24] {
visibility: hidden;
min-width: 377px;
margin-left: -188px;
background-color: rgba(153, 204, 0, .2);
color: #191919;
text-align: center;
border-radius: 4px;
padding: 14px;
position: fixed;
z-index: 1;
left: 50%;
top: 80px;
display: flex;
vertical-align: middle;
justify-content: space-between;
height: 48px
}
.confirm-toast.error[_ngcontent-cdm-c24] {
background-color: rgba(206, 0, 0, .2);
min-width: 492px
}
.confirm-toast[_ngcontent-cdm-c24] .icon-check[_ngcontent-cdm-c24] {
color: #9c0;
margin-right: 16px
}
.confirm-toast[_ngcontent-cdm-c24] .icon-erro[_ngcontent-cdm-c24] {
color: #ce0000;
margin-right: 16px
}
.confirm-toast[_ngcontent-cdm-c24] .icon-fechar[_ngcontent-cdm-c24] {
color: #444;
cursor: pointer
}
.confirm-toast__info[_ngcontent-cdm-c24] {
display: flex;
vertical-align: middle;
justify-content: flex-start
}
.confirm-toast.showAnimation[_ngcontent-cdm-c24] {
visibility: visible;
animation: .5s fadein, .5s 11.5s fadeout
}
@keyframes fadein {
from {
top: 0;
opacity: 0
}
to {
top: 80px;
opacity: 1
}
}
@keyframes fadeout {
from {
top: 80px;
opacity: 1
}
to {
top: 0;
opacity: 0
}
}
.buttonCadastroArea[_ngcontent-cdm-c24] {
display: flex;
justify-content: center
}
.buttonCloseCadastro[_ngcontent-cdm-c24] {
width: 150px;
margin-left: 115px;
margin-top: -39px
}
.inputSize[_ngcontent-cdm-c24] {
margin-block: inherit;
margin-top: -20px;
width: 45%
}
.inputSizeStreet[_ngcontent-cdm-c24] {
margin-block: inherit;
margin-top: -81px;
width: 43%;
margin-left: 55%
}
.inputSizeNumber[_ngcontent-cdm-c24] {
margin-block: inherit;
margin-top: -20px;
width: 20%
}
.inputSizeDistric[_ngcontent-cdm-c24] {
margin-block: inherit;
margin-top: -81px;
width: 28%;
margin-left: 24%
}
.inputSizeComplement[_ngcontent-cdm-c24] {
margin-block: inherit;
margin-top: -81px;
width: 43%;
margin-left: 55%
}
</style>
<style>
.np[_ngcontent-cdm-c4] {
padding: 0
}
.npl[_ngcontent-cdm-c4] {
padding-left: 0 !important
}
.npr[_ngcontent-cdm-c4] {
padding-right: 0 !important
}
.spaui-message[_ngcontent-cdm-c4] {
font-size: 14px;
line-height: 24px;
margin: 32px 0 24px;
width: 100%;
border: 1px solid;
padding: 8px 0;
border-radius: 4px;
position: relative;
overflow: hidden
}
.spaui-message.spaui-message-success[_ngcontent-cdm-c4] {
border-color: #9c0;
background-color: rgba(153, 204, 0, .2)
}
.spaui-message.spaui-message-success[_ngcontent-cdm-c4] .spaui-message-severity[_ngcontent-cdm-c4] {
color: #9c0
}
.spaui-message.spaui-message-info[_ngcontent-cdm-c4] {
border-color: #3cc;
background-color: rgba(50, 204, 204, .2)
}
.spaui-message.spaui-message-info[_ngcontent-cdm-c4] .spaui-message-severity[_ngcontent-cdm-c4] {
color: #3cc
}
.spaui-message.spaui-message-warning[_ngcontent-cdm-c4] {
border-color: #f93;
background-color: rgba(254, 152, 50, .21)
}
.spaui-message.spaui-message-warning[_ngcontent-cdm-c4] .spaui-message-severity[_ngcontent-cdm-c4] {
color: #f6a623
}
.spaui-message.spaui-message-error[_ngcontent-cdm-c4] {
border-color: #ce0000;
background-color: rgba(206, 0, 0, .2)
}
.spaui-message.spaui-message-error[_ngcontent-cdm-c4] .spaui-message-severity[_ngcontent-cdm-c4] {
color: #ce0000
}
.spaui-message[_ngcontent-cdm-c4] .spaui-message-severity[_ngcontent-cdm-c4] {
font-size: 24px;
float: left;
margin-left: 16px;
margin-right: 16px;
display: -webkit-inline-box;
display: inline-flex;
width: 24px;
height: 24px
}
.spaui-message[_ngcontent-cdm-c4] .spaui-white-space-no-wrap[_ngcontent-cdm-c4] {
white-space: nowrap
}
.spaui-message[_ngcontent-cdm-c4] .spaui-message-container[_ngcontent-cdm-c4] .spaui-message-title[_ngcontent-cdm-c4] {
font-size: 14px;
line-height: 24px;
display: block
}
.spaui-message[_ngcontent-cdm-c4] .spaui-message-container[_ngcontent-cdm-c4] .spaui-message-text[_ngcontent-cdm-c4] {
font-size: 14px;
line-height: 24px;
margin-left: 0;
margin-top: 0;
width: 95%;
padding-left: 56px
}
.spaui-message[_ngcontent-cdm-c4] .spaui-message-container[_ngcontent-cdm-c4] .spaui-message-text[_ngcontent-cdm-c4] .spaui-display-inline[_ngcontent-cdm-c4] {
display: inline-block !important;
white-space: normal !important
}
.spaui-message[_ngcontent-cdm-c4] .spaui-message-container[_ngcontent-cdm-c4] .spaui-message-text[_ngcontent-cdm-c4] .spaui-message-icon[_ngcontent-cdm-c4] {
float: left
}
.spaui-message[_ngcontent-cdm-c4] .spaui-message-container[_ngcontent-cdm-c4] .spaui-message-text[_ngcontent-cdm-c4] a[_ngcontent-cdm-c4] {
color: #000;
font-weight: 700;
text-decoration: underline
}
.spaui-message[_ngcontent-cdm-c4] .spaui-message-container[_ngcontent-cdm-c4] .spaui-message-list[_ngcontent-cdm-c4] {
margin-left: 35px;
float: left;
margin-top: 8px;
display: block
}
.spaui-message[_ngcontent-cdm-c4] .spaui-message-container[_ngcontent-cdm-c4] .spaui-message-list[_ngcontent-cdm-c4] .listagem[_ngcontent-cdm-c4] .bullet[_ngcontent-cdm-c4],
.spaui-message[_ngcontent-cdm-c4] .spaui-message-container[_ngcontent-cdm-c4] .spaui-message-list[_ngcontent-cdm-c4] .listagem[_ngcontent-cdm-c4] .text[_ngcontent-cdm-c4] {
font-size: 10px;
vertical-align: baseline
}
.spaui-message[_ngcontent-cdm-c4] .spaui-message-close[_ngcontent-cdm-c4] {
font-size: 16px;
right: 8px;
top: 12px;
float: right;
cursor: pointer;
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transition: .3s ease-in;
transition: .3s ease-in;
position: absolute
}
.spaui-message[_ngcontent-cdm-c4] .spaui-message-close[_ngcontent-cdm-c4]:hover {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out
}
</style>
<style>
.search-container[_ngcontent-cdm-c17] {
display: flex;
flex-direction: row;
max-width: 725px
}
.search-container[_ngcontent-cdm-c17] .search-options[_ngcontent-cdm-c17] {
height: 52px;
position: relative;
width: 130px
}
.search-container[_ngcontent-cdm-c17] .search-options.active[_ngcontent-cdm-c17] {
background-color: #fff;
border-top: 2px solid #f34646
}
.search-container[_ngcontent-cdm-c17] .search-options[_ngcontent-cdm-c17]>button[_ngcontent-cdm-c17] {
align-items: center;
background: 0 0;
border: none;
display: flex;
height: 100%;
justify-content: center;
outline-width: 0;
padding: 0;
width: 100%;
color: #fff;
cursor: default
}
.search-container[_ngcontent-cdm-c17] .search-options[_ngcontent-cdm-c17]>button.active[_ngcontent-cdm-c17] {
background-color: #fff;
height: 50px;
padding-bottom: 2px
}
.search-container[_ngcontent-cdm-c17] .search-options[_ngcontent-cdm-c17]>button[_ngcontent-cdm-c17]>svg[_ngcontent-cdm-c17] {
height: 24px;
padding: 0;
width: 24px
}
.search-container[_ngcontent-cdm-c17] .search-options[_ngcontent-cdm-c17]>button[_ngcontent-cdm-c17]>span[_ngcontent-cdm-c17] {
color: #ccc
}
.search-container[_ngcontent-cdm-c17] .search-options[_ngcontent-cdm-c17] .search-options-container[_ngcontent-cdm-c17] {
background-color: #fff;
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .5);
width: 250px;
border-radius: 0 4px 4px
}
.search-container[_ngcontent-cdm-c17] .search-input[_ngcontent-cdm-c17] {
position: relative;
width: 342px;
z-index: 70
}
.search-container[_ngcontent-cdm-c17] .search-input[_ngcontent-cdm-c17]>input[_ngcontent-cdm-c17] {
background: 0 0;
border-width: 0;
color: #fff;
height: 52px;
outline-width: 0;
width: 100%;
padding: 0 62px 0 18px
}
.search-container[_ngcontent-cdm-c17] .search-input[_ngcontent-cdm-c17]>input.active[_ngcontent-cdm-c17] {
color: #191919;
background: #fff;
border-left: 1px solid #f9f9f9;
border-right: 1px solid #f9f9f9;
border-top: 2px solid #f34646
}
.search-container[_ngcontent-cdm-c17] .search-input[_ngcontent-cdm-c17]>input.place-botter-bottom[_ngcontent-cdm-c17] {
border-bottom: 1px solid #f9f9f9
}
.search-container[_ngcontent-cdm-c17] .search-input[_ngcontent-cdm-c17] .search-history-container[_ngcontent-cdm-c17] {
background: 0 0;
border: none;
border-radius: 0 0 5px 5px;
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .5)
}
.search-container[_ngcontent-cdm-c17] .search-input[_ngcontent-cdm-c17] .search-history-container[_ngcontent-cdm-c17]>div[_ngcontent-cdm-c17] {
background-color: #fff;
border-color: #f9f9f9;
border-style: solid;
border-width: 0 0 1px;
box-sizing: border-box;
display: flex;
flex-direction: column;
height: 52px;
padding-left: 18px;
z-index: 10;
cursor: pointer
}
.search-container[_ngcontent-cdm-c17] .search-input[_ngcontent-cdm-c17] .search-history-container[_ngcontent-cdm-c17]>div[_ngcontent-cdm-c17]:hover {
background-color: #d8d8d8
}
.search-container[_ngcontent-cdm-c17] .search-input[_ngcontent-cdm-c17] .search-history-container[_ngcontent-cdm-c17]>div[_ngcontent-cdm-c17]:last-child {
border-radius: 0 0 5px 5px
}
.search-container[_ngcontent-cdm-c17] .search-input[_ngcontent-cdm-c17] .search-history-container[_ngcontent-cdm-c17]>div.more-results[_ngcontent-cdm-c17] {
align-items: center;
display: flex;
justify-content: center;
padding: 0
}
.search-container[_ngcontent-cdm-c17] .search-input[_ngcontent-cdm-c17] .search-history-container[_ngcontent-cdm-c17]>div.more-results[_ngcontent-cdm-c17]>span[_ngcontent-cdm-c17]:first-child {
color: #3cc
}
.search-container[_ngcontent-cdm-c17] .search-input[_ngcontent-cdm-c17] .search-history-container[_ngcontent-cdm-c17]>div[_ngcontent-cdm-c17]>span[_ngcontent-cdm-c17]:first-child {
color: #191919
}
.search-container[_ngcontent-cdm-c17] .search-input[_ngcontent-cdm-c17] .search-history-container[_ngcontent-cdm-c17]>div[_ngcontent-cdm-c17]>span[_ngcontent-cdm-c17]:nth-child(2) {
color: #999
}
.search-container[_ngcontent-cdm-c17] .search-input[_ngcontent-cdm-c17] .search-svg-container[_ngcontent-cdm-c17] {
align-items: center;
display: flex;
height: 52px;
justify-content: center;
left: 282PX;
position: absolute;
top: 0;
width: 60px
}
.search-container[_ngcontent-cdm-c17] .search-input[_ngcontent-cdm-c17] .search-svg-container[_ngcontent-cdm-c17]>svg[_ngcontent-cdm-c17] {
height: 22px;
padding: 0;
vertical-align: middle;
width: 22px
}
.search-option[_ngcontent-cdm-c17]>div[_ngcontent-cdm-c17] {
z-index: 60;
background-color: #fff;
border-color: #f9f9f9;
border-style: solid;
border-width: 0 0 1px;
line-height: 5rem
}
.search-option[_ngcontent-cdm-c17]>div[_ngcontent-cdm-c17]:hover {
background-color: #d8d8d8
}
.search-option[_ngcontent-cdm-c17]>div[_ngcontent-cdm-c17] spaui-radio[_ngcontent-cdm-c17] {
line-height: 3rem
}
.search-option[_ngcontent-cdm-c17] .search-option-row-space-between[_ngcontent-cdm-c17] {
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
padding-left: 18px;
padding-right: 13px
}
.search-option[_ngcontent-cdm-c17] .search-option-column-space-between[_ngcontent-cdm-c17] {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-left: 18px;
padding-right: 13px
}
.search-option[_ngcontent-cdm-c17] .name-container[_ngcontent-cdm-c17] {
padding-bottom: 15px
}
.search-option[_ngcontent-cdm-c17] .padding[_ngcontent-cdm-c17] {
padding-left: 18px;
padding-right: 13px
}
.search-option[_ngcontent-cdm-c17] .pointer[_ngcontent-cdm-c17] {
cursor: pointer
}
.search-option[_ngcontent-cdm-c17] spaui-radio[_ngcontent-cdm-c17] {
float: none
}
.search-option[_ngcontent-cdm-c17] .check[_ngcontent-cdm-c17] {
color: #9c0
}
.search-option[_ngcontent-cdm-c17] .spaui-radiobutton-label[_ngcontent-cdm-c17] {
padding-left: .225em !important;
width: 80% !important
}
[_nghost-cdm-c17] spaui-tabs {
width: 100%;
display: inline-block
}
[_nghost-cdm-c17] spaui-tabs .spaui-tabs {
-webkit-padding-start: 0;
padding-left: 0;
margin: 24px 12px
}
[_nghost-cdm-c17] spaui-tabs .spaui-tabs .spaui-tab {
min-width: 0 !important;
width: 50% !important;
height: 24px !important;
display: inline-flex !important;
justify-content: center;
align-items: center
}
[_nghost-cdm-c17] spaui-tabs .spaui-tabs .spaui-tab .spaui-tab-text {
padding: 0 !important;
margin: 0 !important;
font-family: OpenSansBold, Sans-serif
}
.buttonInitCadastro[_ngcontent-cdm-c17] {
width: 150px;
margin-left: -140px
}
.buttonCloseCadastro[_ngcontent-cdm-c17] {
width: 150px;
margin-left: 115px;
margin-top: -39px
}
.inputSize[_ngcontent-cdm-c17] {
margin-block: inherit;
margin-top: -20px;
width: 45%
}
.inputSizeStreet[_ngcontent-cdm-c17] {
margin-block: inherit;
margin-top: -81px;
width: 43%;
margin-left: 55%
}
.inputSizeNumber[_ngcontent-cdm-c17] {
margin-block: inherit;
margin-top: -20px;
width: 20%
}
.inputSizeDistric[_ngcontent-cdm-c17] {
margin-block: inherit;
margin-top: -81px;
width: 28%;
margin-left: 24%
}
.inputSizeComplement[_ngcontent-cdm-c17] {
margin-block: inherit;
margin-top: -81px;
width: 43%;
margin-left: 55%
}
</style>
<style>
.list-container[_ngcontent-cdm-c25] {
padding: 30px;
width: 100%
}
.list-container[_ngcontent-cdm-c25] .title-list[_ngcontent-cdm-c25] {
border-bottom: 1px solid #c2c2c2;
margin-bottom: 15px;
width: 100%;
font-size: 24px
}
.list-container[_ngcontent-cdm-c25] table[_ngcontent-cdm-c25] {
width: 100%
}
.list-container[_ngcontent-cdm-c25] table[_ngcontent-cdm-c25] tr[_ngcontent-cdm-c25]:nth-child(even) {
background: #f9f9f9
}
.list-container[_ngcontent-cdm-c25] table[_ngcontent-cdm-c25] tr[_ngcontent-cdm-c25] {
border-bottom: 1px solid #c2c2c2
}
.list-container[_ngcontent-cdm-c25] table[_ngcontent-cdm-c25] tr[_ngcontent-cdm-c25] th[_ngcontent-cdm-c25] {
padding: 10px;
text-transform: uppercase;
font-weight: 700
}
.list-container[_ngcontent-cdm-c25] table[_ngcontent-cdm-c25] tr[_ngcontent-cdm-c25] .right[_ngcontent-cdm-c25] {
text-align: right
}
.list-container[_ngcontent-cdm-c25] table[_ngcontent-cdm-c25] tr[_ngcontent-cdm-c25] td[_ngcontent-cdm-c25] {
padding: 10px
}
.list-container[_ngcontent-cdm-c25] table[_ngcontent-cdm-c25] tr[_ngcontent-cdm-c25] td[_ngcontent-cdm-c25] .name[_ngcontent-cdm-c25] {
color: #3cc;
cursor: pointer
}
</style>
<style>
.list-container[_ngcontent-cdm-c26] {
padding: 30px;
width: 100%
}
.list-container[_ngcontent-cdm-c26] .title-list[_ngcontent-cdm-c26] {
border-bottom: 1px solid #c2c2c2;
margin-bottom: 15px;
width: 100%
}
.list-container[_ngcontent-cdm-c26] table[_ngcontent-cdm-c26] {
width: 100%
}
.list-container[_ngcontent-cdm-c26] table[_ngcontent-cdm-c26] tr[_ngcontent-cdm-c26]:nth-child(even) {
background: #f9f9f9
}
.list-container[_ngcontent-cdm-c26] table[_ngcontent-cdm-c26] tr[_ngcontent-cdm-c26] {
border-bottom: 1px solid #c2c2c2
}
.list-container[_ngcontent-cdm-c26] table[_ngcontent-cdm-c26] tr[_ngcontent-cdm-c26] th[_ngcontent-cdm-c26] {
padding: 10px;
text-transform: uppercase;
font-weight: 700
}
.list-container[_ngcontent-cdm-c26] table[_ngcontent-cdm-c26] tr[_ngcontent-cdm-c26] .right[_ngcontent-cdm-c26] {
text-align: right
}
.list-container[_ngcontent-cdm-c26] table[_ngcontent-cdm-c26] tr[_ngcontent-cdm-c26] td[_ngcontent-cdm-c26] {
padding: 10px
}
.list-container[_ngcontent-cdm-c26] table[_ngcontent-cdm-c26] tr[_ngcontent-cdm-c26] td[_ngcontent-cdm-c26] .name[_ngcontent-cdm-c26] {
color: #3cc;
cursor: pointer
}
</style>
</head>
<body style="">
<app ng-version="8.2.14">
<ui-view>
<!---->
<base-front class="ng-star-inserted">
<header id="header" class="higher-level">
<div class="logotipo">
<div class="logotipo-image">
<svg viewBox="0 0 150.34 142.13" xmlns="http://www.w3.org/2000/svg">
<defs>
<style>
.cls-1 {
fill: #ec0000;
}
</style>
</defs>
<title>Santander</title>
<path class="cls-1" d="M44.54,66.73c-.47,9.05,3.38,16.27,7.62,23.42q10.19,17.22,20,34.67c1.68,3,2.82,6.22,4.25,9.45a29.72,29.72,0,0,0,4.9-14.16,33,33,0,0,0-4.68-20.2Q67.5,84.3,58.55,68.57c-6-10.52-6.2-21.25-.76-32.08.35-.69.79-1.34,1-1.76,9.09,19.36,21,37.18,31.24,55.91,1.9,3.48,3.45,7.16,5.21,10.86a11.69,11.69,0,0,0,.94-1.37c5.6-10.74,5.56-21.48-.38-32C89.65,57.1,83.12,46.29,77,35.25,71.07,24.56,71.3,13.72,77.11,3a7.58,7.58,0,0,1,.68-1s.14,0,.16,0C82,13.63,89.38,23.5,95.18,34.2c3.2,5.9,6.68,11.64,10,17.45a31.51,31.51,0,0,1,4.25,13.12,2.45,2.45,0,0,0,2.17,2.54c9.21,2.58,18.13,6,25.69,12A50.87,50.87,0,0,1,148,90.17c6.12,9,5.69,18.38-.38,27.36-5.33,7.87-13,12.86-21.47,16.77C113,140.41,99,143.21,84.58,143.93c-17.34.87-34.32-1-50.66-7.18-7.83-3-15.16-6.83-21.39-12.51-14.08-12.86-14.05-29,.13-41.71C21.69,74.45,32.58,70,44.54,66.73Z" transform="translate(-2 -2)"></path>
</svg>
</div>
</div>
<div class="search">
<customer-search _nghost-cdm-c7="">
<div _ngcontent-cdm-c7="" class="search-container">
<div _ngcontent-cdm-c7="" class="search-options">
<button _ngcontent-cdm-c7="" type="button">
<!---->
<span _ngcontent-cdm-c7=""> Portal de Negócios </span>
</button>
<div _ngcontent-cdm-c7="" class="search-options-container" hidden="">
<!---->
<comercial-search-options _ngcontent-cdm-c7="" _nghost-cdm-c17="" class="ng-star-inserted">
<div _ngcontent-cdm-c17="" class="search-option">
<div _ngcontent-cdm-c17="" class="search-option-row-space-between pointer">
<span _ngcontent-cdm-c17="">CPF/CNPJ ou Agência e Conta</span>
<!---->
<span _ngcontent-cdm-c17="" class="icon-check icon-16 check ng-star-inserted"></span>
</div>
</div>
</comercial-search-options>
<!---->
</div>
</div>
<div _ngcontent-cdm-c7="" class="search-input">
<input _ngcontent-cdm-c7="" focusinput="" maxlength="50" name="inputSearch" type="text" placeholder="Busca por CPF/CNPJ" class="ng-valid ng-dirty ng-touched">
<span _ngcontent-cdm-c7="" class="search-svg-container">
<svg _ngcontent-cdm-c7="" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
<path _ngcontent-cdm-c7="" d="M1.991 8.236c0-3.473 2.903-6.298 6.471-6.298 3.57 0 6.472
2.825 6.472 6.298s-2.903 6.298-6.472 6.298c-3.568
0-6.47-2.825-6.47-6.298M23.69
22.243l-8.849-8.611c1.294-1.447 2.084-3.332 2.084-5.396C16.925
3.694 13.13 0 8.462 0 3.796 0 0 3.694 0 8.236c0 4.542 3.796
8.236 8.462 8.236a8.572 8.572
0 0 0 4.803-1.463l8.93 8.689c.205.202.476.302.747.302.27
0 .541-.1.748-.302a1.01 1.01 0 0 0 0-1.455" fill="#999999" id="a"></path>
</svg>
</span>
<!---->
</div>
</div>
<spaui-dialogs _ngcontent-cdm-c7="" _nghost-cdm-c20="">
<spaui-dialog _ngcontent-cdm-c7="" _nghost-cdm-c21="">
<div _ngcontent-cdm-c21="" style="width: 550px; max-height: 530px; min-height: 320px; margin-left: -275px; margin-top: -160px; display: none;">
<h2 _ngcontent-cdm-c7="" class="title_modal">Aviso</h2>
<div _ngcontent-cdm-c7="" class="col-xs-12" style="border-radius: 4px;background-color:rgb(238, 251, 253);margin-left: 1px;margin-right: 1px;padding-top:1em;margin-top:-1em;padding-bottom:3em">
<h2 _ngcontent-cdm-c7="" class="title_bottom title_modal OpenSansBold font16">Erro na busca do cliente</h2>
<span _ngcontent-cdm-c7="" class="OpenSans font14" style="color:rgb(68, 206, 206);"> Tente novamente ou verifique com um gestor Santander se o cliente esta cadastrado. </span>
<h4 _ngcontent-cdm-c7="" class="OpenSansBold font14"> Deseja iniciar um cadastro? </h4>
</div>
<div _ngcontent-cdm-c7="" class="col-xs-4 col-xs-offset-4" style="padding-top:1em">
<div _ngcontent-cdm-c7="" class=" buttonInitCadastro">
<button _ngcontent-cdm-c7="" buttontype="primary" spaui-button-custom="" class="spaui-button primary" type="submit">
<!---->
<!---->
<!---->
<!---->Sim
<!---->
</button>
</div>
<div _ngcontent-cdm-c7="" class="buttonCloseCadastro">
<button _ngcontent-cdm-c7="" buttontype="primary" spaui-button-custom="" class="spaui-button primary" type="submit">
<!---->
<!---->
<!---->
<!---->Não
<!---->
</button>
</div>
</div>
<!---->
<span _ngcontent-cdm-c21="" class="closeButton ng-star-inserted" id="modalNaoCorrentistaPf__dialog_close_button">
<i _ngcontent-cdm-c21="" class="icon-fechar"></i>
</span>
</div>
</spaui-dialog>
<spaui-dialogs _ngcontent-cdm-c7="" _nghost-cdm-c20="">
<spaui-dialog _ngcontent-cdm-c7="" _nghost-cdm-c21="">
<div _ngcontent-cdm-c21="" style="width: 550px; max-height: 530px; min-height: 320px; margin-left: -275px; margin-top: -160px; display: none;">
<h2 _ngcontent-cdm-c7="" class="title_modal">Aviso</h2>
<div _ngcontent-cdm-c7="" class="col-xs-12" style="border-radius: 4px;background-color:rgb(238, 251, 253);margin-left: 1px;margin-right: 1px;padding-top:1em;margin-top:-1em;padding-bottom:3em">
<h2 _ngcontent-cdm-c7="" class="title_bottom title_modal OpenSansBold font16">Erro na busca do cliente</h2>
<span _ngcontent-cdm-c7="" class="OpenSans font14" style="color:rgb(68, 206, 206);"> Tente novamente ou verifique com um gestor Santander se o cliente esta cadastrado. </span>
<h4 _ngcontent-cdm-c7="" class="OpenSansBold font14"> Deseja iniciar um cadastro? </h4>
</div>
<div _ngcontent-cdm-c7="" class="col-xs-4 col-xs-offset-4" style="padding-top:1em">
<div _ngcontent-cdm-c7="" class=" buttonInitCadastro">
<button _ngcontent-cdm-c7="" buttontype="primary" spaui-button-custom="" class="spaui-button primary" type="submit">
<!---->
<!---->
<!---->
<!---->Sim
<!---->
</button>
</div>
<div _ngcontent-cdm-c7="" class="buttonCloseCadastro">
<button _ngcontent-cdm-c7="" buttontype="primary" spaui-button-custom="" class="spaui-button primary" type="submit">
<!---->
<!---->
<!---->
<!---->Não
<!---->
</button>
</div>
</div>
<!---->
<span _ngcontent-cdm-c21="" class="closeButton ng-star-inserted" id="modalNaoCorrentistaPJ__dialog_close_button">
<i _ngcontent-cdm-c21="" class="icon-fechar"></i>
</span>
</div>
</spaui-dialog>
<spaui-dialog _ngcontent-cdm-c7="" _nghost-cdm-c21="">
<div _ngcontent-cdm-c21="" style="width: 400px; max-height: 530px; min-height: 250px; margin-left: -200px; margin-top: -125px; display: block;">
<h2 _ngcontent-cdm-c7="" class="title_modal title_bottom" style="padding-bottom: 1em">Erro na validação</h2>
<div _ngcontent-cdm-c7="" class="col-xs-12" style="border-radius: 20px; margin-left: 1px;margin-right: 1px;padding-top:1em;margin-top:-1em;padding-bottom:3em">
<h2 _ngcontent-cdm-c7="" class="title_modal OpenSansLight font14">CPF Inválido</h2>
</div>
<div _ngcontent-cdm-c7="" class="col-xs-4 col-xs-offset-4" style="padding-top:0.5em">
<button _ngcontent-cdm-c7="" buttontype="primary" spaui-button-custom="" class="spaui-button primary" type="submit">
<!---->
<!---->
<!---->
<!---->OK
<!---->
</button>
</div>
<!---->
<span _ngcontent-cdm-c21="" class="closeButton ng-star-inserted" id="modalCPFInvalido__dialog_close_button">
<i _ngcontent-cdm-c21="" class="icon-fechar"></i>
</span>
</div>
</spaui-dialog>
<spaui-dialog _ngcontent-cdm-c7="" _nghost-cdm-c21="">
<div _ngcontent-cdm-c21="" style="width: 400px; max-height: 530px; min-height: 250px; margin-left: -200px; margin-top: -125px; display: none;">
<h2 _ngcontent-cdm-c7="" class="title_modal title_bottom" style="padding-bottom: 1em">Erro na validação</h2>
<div _ngcontent-cdm-c7="" class="col-xs-12" style="border-radius: 20px; margin-left: 1px;margin-right: 1px;padding-top:1em;margin-top:-1em;padding-bottom:3em">
<h2 _ngcontent-cdm-c7="" class="title_modal OpenSansLight font14">Esse cliente possui um segmento não permitido no Portal CERTO e não pode ser aberto.</h2>
</div>
<div _ngcontent-cdm-c7="" class="col-xs-4 col-xs-offset-4" style="padding-top:0.5em">
<button _ngcontent-cdm-c7="" buttontype="primary" spaui-button-custom="" class="spaui-button primary" type="submit">
<!---->
<!---->
<!---->
<!---->OK
<!---->
</button>
</div>
<!---->
<span _ngcontent-cdm-c21="" class="closeButton ng-star-inserted" id="modalCPFCNPJInvalido__dialog_close_button">
<i _ngcontent-cdm-c21="" class="icon-fechar"></i>
</span>
</div>
</spaui-dialog>
<spaui-dialog _ngcontent-cdm-c7="" _nghost-cdm-c21="">
<div _ngcontent-cdm-c21="" style="width: 896px; max-height: 530px; min-height: 480px; margin-left: -448px; margin-top: -240px; display: none;">
<h2 _ngcontent-cdm-c7="" class="title_modal title_bottom" style="padding-bottom: 1em">Cadastro de Pessoa Física</h2>
<div _ngcontent-cdm-c7="" class="col-xs-12" style="border-radius: 20px; margin-left: 1px;margin-right: 1px;padding-top:1em;margin-top:-1em;padding-bottom:3em">
<spaui-input _ngcontent-cdm-c7="" label="Nome" name="__nome" placeholder="Digite o Nome" _nghost-cdm-c2="" id="" class="ng-valid ng-touched ng-dirty">
<div _ngcontent-cdm-c2="" class="spaui-input">
<!---->
<label _ngcontent-cdm-c2="" id="" class="ng-star-inserted"> Nome </label>
<!---->
<div _ngcontent-cdm-c2="">
<!---->
<!---->
<!---->
<!---->
<!---->
<input _ngcontent-cdm-c2="" autocomplete="off" class="validation ng-untouched ng-pristine ng-valid ng-star-inserted" name="nome" id="" type="text" placeholder="Digite o Nome">
<!---->
<!---->
<!---->
<!---->
<!---->
<!---->
<div _ngcontent-cdm-c2="" class="spaui-input-icon" style="top: 1.8em;">
<span _ngcontent-cdm-c2="" class="undefined" id="icon" style="cursor: pointer;"></span>
</div>
<!---->
</div>
<!---->
</div>
</spaui-input>
<spaui-input _ngcontent-cdm-c7="" cpf="" label="cpf" name="__cpf" placeholder="000.000.000-00" _nghost-cdm-c2="" id="" class="ng-invalid ng-touched ng-dirty">
<div _ngcontent-cdm-c2="" class="spaui-input">
<!---->
<label _ngcontent-cdm-c2="" id="" class="ng-star-inserted"> cpf </label>
<!---->
<div _ngcontent-cdm-c2="">
<!---->
<!---->
<!---->
<!---->
<input _ngcontent-cdm-c2="" autocomplete="off" class="validation ng-untouched ng-pristine ng-invalid ng-star-inserted" name="cpf" id="" type="text" placeholder="000.000.000-00">
<!---->
<!---->
<!---->
<!---->
<!---->
<!---->
<!---->
<div _ngcontent-cdm-c2="" class="spaui-input-icon" style="top: 1.8em;">
<span _ngcontent-cdm-c2="" class="undefined" id="icon" style="cursor: pointer;"></span>
</div>
<!---->
</div>
<!---->
</div>
</spaui-input>
<spaui-datepicker _ngcontent-cdm-c7="" id="data" label="Data de Nascimento" class="ng-untouched ng-pristine ng-valid">
<div class="datepicker-container u-is-unselectable">
<!---->
<label class="datepicker-label ng-star-inserted">Data de Nascimento</label>
<!---->
<div class="datepicker-input-container">
<div class="datepicker-input-scheduled"></div>
<!---->
<input class="datepicker-input validation ng-untouched ng-pristine ng-valid ng-star-inserted" placeholder="dd/mm/aaaa" type="text" style="padding-left: 8px;">
<!---->
<!---->
<div class="datepicker-input-icon ng-star-inserted">
<i class="icon-calendario"></i>
</div>
</div>
<!---->
<!---->
</div>
</spaui-datepicker>
</div>
<!---->
<!---->
<!---->
<!---->
<div _ngcontent-cdm-c7="" class="col-xs-4 col-xs-offset-4" style="padding-top:0.5em">
<button _ngcontent-cdm-c7="" buttontype="primary" spaui-button-custom="" class="spaui-button primary" type="submit">
<!---->
<!---->
<!---->
<!---->Cadastrar
<!---->
</button>
</div>
<!---->
<span _ngcontent-cdm-c21="" class="closeButton ng-star-inserted" id="modalCpfProspect__dialog_close_button">
<i _ngcontent-cdm-c21="" class="icon-fechar"></i>
</span>
</div>
</spaui-dialog>
<spaui-dialog _ngcontent-cdm-c7="" _nghost-cdm-c21="">
<div _ngcontent-cdm-c21="" style="width: 896px; max-height: 530px; min-height: 480px; margin-left: -448px; margin-top: -240px; display: none;">
<h2 _ngcontent-cdm-c7="" class="title_modal title_bottom">Cadastro de Pessoa Jurídica</h2>
<div _ngcontent-cdm-c7="" class="col-xs-12" style="border-radius: 20px; margin-left: 1px;margin-right: 1px;padding-top:1em;margin-top:-1em;">
<div _ngcontent-cdm-c7="" class="inputSize">
<spaui-input _ngcontent-cdm-c7="" label="Razão Social" name="__razaoSocial" placeholder="Digite o Nome" _nghost-cdm-c2="" id="" class="ng-valid ng-touched ng-dirty">
<div _ngcontent-cdm-c2="" class="spaui-input">
<!---->
<label _ngcontent-cdm-c2="" id="" class="ng-star-inserted"> Razão Social </label>
<!---->
<div _ngcontent-cdm-c2="">
<!---->
<!---->
<!---->
<!---->
<!---->
<input _ngcontent-cdm-c2="" autocomplete="off" class="validation ng-untouched ng-pristine ng-valid ng-star-inserted" name="razaoSocial" id="" type="text" placeholder="Digite o Nome">
<!---->
<!---->
<!---->
<!---->
<!---->
<!---->
<div _ngcontent-cdm-c2="" class="spaui-input-icon" style="top: 1.8em;">
<span _ngcontent-cdm-c2="" class="undefined" id="icon" style="cursor: pointer;"></span>
</div>
<!---->
</div>
<!---->
</div>
</spaui-input>
</div>
<div _ngcontent-cdm-c7="" class="inputSize">
<spaui-input _ngcontent-cdm-c7="" cnpj="" label="cnpj" name="__cnpj" placeholder="00.000.000/0000-00" _nghost-cdm-c2="" id="" class="ng-invalid ng-touched ng-dirty">
<div _ngcontent-cdm-c2="" class="spaui-input">
<!---->
<label _ngcontent-cdm-c2="" id="" class="ng-star-inserted"> cnpj </label>
<!---->
<div _ngcontent-cdm-c2="">
<!---->
<!---->
<!---->
<!---->
<input _ngcontent-cdm-c2="" autocomplete="off" class="validation ng-untouched ng-pristine ng-invalid ng-star-inserted" name="cnpj" id="" type="text" placeholder="00.000.000/0000-00">
<!---->
<!---->
<!---->
<!---->
<!---->
<!---->
<!---->
<div _ngcontent-cdm-c2="" class="spaui-input-icon" style="top: 1.8em;">
<span _ngcontent-cdm-c2="" class="undefined" id="icon" style="cursor: pointer;"></span>
</div>
<!---->
</div>
<!---->
</div>
</spaui-input>
</div>
<div _ngcontent-cdm-c7="" class="inputSize">
<spaui-input _ngcontent-cdm-c7="" label="CEP Comercial" maxlength="8" name="__cep" placeholder="Digite o CEP" _nghost-cdm-c2="" id="" class="ng-valid ng-touched ng-dirty">
<div _ngcontent-cdm-c2="" class="spaui-input">
<!---->
<label _ngcontent-cdm-c2="" id="" class="ng-star-inserted"> CEP Comercial </label>
<!---->
<div _ngcontent-cdm-c2="">
<!---->
<!---->
<!---->
<!---->
<!---->
<input _ngcontent-cdm-c2="" autocomplete="off" class="validation ng-untouched ng-pristine ng-valid ng-star-inserted" name="cep" id="" type="text" placeholder="Digite o CEP" maxlength="8">
<!---->
<!---->
<!---->
<!---->
<!---->
<!---->
<div _ngcontent-cdm-c2="" class="spaui-input-icon" style="top: 1.8em;">
<span _ngcontent-cdm-c2="" class="undefined" id="icon" style="cursor: pointer;"></span>
</div>
<!---->
</div>
<!---->
</div>
</spaui-input>
</div>
<div _ngcontent-cdm-c7="" class="inputSizeStreet">
<spaui-input _ngcontent-cdm-c7="" label="Endereço Comercial" name="__street" placeholder="Digite o endereço" _nghost-cdm-c2="" id="" class="ng-touched ng-dirty">
<div _ngcontent-cdm-c2="" class="spaui-input spaui-input-disabled">
<!---->
<label _ngcontent-cdm-c2="" id="" class="ng-star-inserted"> Endereço Comercial </label>
<!---->
<div _ngcontent-cdm-c2="">
<!---->
<!---->
<!---->
<!---->
<!---->
<input _ngcontent-cdm-c2="" autocomplete="off" class="validation ng-untouched ng-pristine ng-star-inserted" disabled="" name="street" id="" type="text" placeholder="Digite o endereço">
<!---->
<!---->
<!---->
<!---->
<!---->
<!---->
<div _ngcontent-cdm-c2="" class="spaui-input-icon" style="top: 1.8em;">
<span _ngcontent-cdm-c2="" class="undefined" id="icon" style="cursor: pointer;"></span>
</div>
<!---->
</div>
<!---->
</div>
</spaui-input>
</div>
<div _ngcontent-cdm-c7="" class="inputSizeNumber">
<spaui-input _ngcontent-cdm-c7="" label="Número" name="__number" placeholder="Digite o Número" _nghost-cdm-c2="" id="" class="ng-valid ng-touched ng-dirty">
<div _ngcontent-cdm-c2="" class="spaui-input">
<!---->
<label _ngcontent-cdm-c2="" id="" class="ng-star-inserted"> Número </label>
<!---->
<div _ngcontent-cdm-c2="">
<!---->
<!---->
<!---->
<!---->
<!---->
<input _ngcontent-cdm-c2="" autocomplete="off" class="validation ng-untouched ng-pristine ng-valid ng-star-inserted" name="number" id="" type="text" placeholder="Digite o Número">
<!---->
<!---->
<!---->
<!---->
<!---->
<!---->
<div _ngcontent-cdm-c2="" class="spaui-input-icon" style="top: 1.8em;">
<span _ngcontent-cdm-c2="" class="undefined" id="icon" style="cursor: pointer;"></span>
</div>
<!---->
</div>
<!---->
</div>
</spaui-input>
</div>
<div _ngcontent-cdm-c7="" class="inputSizeDistric">
<spaui-input _ngcontent-cdm-c7="" label="Bairro" name="__district" placeholder="Digite o Bairro" _nghost-cdm-c2="" id="" class="ng-touched ng-dirty">
<div _ngcontent-cdm-c2="" class="spaui-input spaui-input-disabled">
<!---->
<label _ngcontent-cdm-c2="" id="" class="ng-star-inserted"> Bairro </label>
<!---->
<div _ngcontent-cdm-c2="">
<!---->
<!---->
<!---->
<!---->
<!---->
<input _ngcontent-cdm-c2="" autocomplete="off" class="validation ng-untouched ng-pristine ng-star-inserted" disabled="" name="district" id="" type="text" placeholder="Digite o Bairro">
<!---->
<!---->
<!---->
<!---->
<!---->
<!---->
<div _ngcontent-cdm-c2="" class="spaui-input-icon" style="top: 1.8em;">
<span _ngcontent-cdm-c2="" class="undefined" id="icon" style="cursor: pointer;"></span>
</div>
<!---->
</div>
<!---->
</div>
</spaui-input>
</div>
<div _ngcontent-cdm-c7="" class="inputSizeComplement">
<spaui-input _ngcontent-cdm-c7="" label="Complemento" name="__complement" placeholder="Digite o Complemento" _nghost-cdm-c2="" id="" class="ng-valid ng-touched ng-dirty">
<div _ngcontent-cdm-c2="" class="spaui-input">
<!---->
<label _ngcontent-cdm-c2="" id="" class="ng-star-inserted"> Complemento </label>
<!---->
<div _ngcontent-cdm-c2="">
<!---->
<!---->
<!---->
<!---->
<!---->
<input _ngcontent-cdm-c2="" autocomplete="off" class="validation ng-untouched ng-pristine ng-valid ng-star-inserted" name="complement" id="" type="text" placeholder="Digite o Complemento">
<!---->
<!---->
<!---->
<!---->
<!---->
<!---->
<div _ngcontent-cdm-c2="" class="spaui-input-icon" style="top: 1.8em;">
<span _ngcontent-cdm-c2="" class="undefined" id="icon" style="cursor: pointer;"></span>
</div>
<!---->
</div>
<!---->
</div>
</spaui-input>
</div>
<div _ngcontent-cdm-c7="" class="inputSize">
<spaui-input _ngcontent-cdm-c7="" label="Estado" name="__estado" placeholder="Digite o Estado" _nghost-cdm-c2="" id="" class="ng-touched ng-dirty">
<div _ngcontent-cdm-c2="" class="spaui-input spaui-input-disabled">
<!---->
<label _ngcontent-cdm-c2="" id="" class="ng-star-inserted"> Estado </label>
<!---->
<div _ngcontent-cdm-c2="">
<!---->
<!---->
<!---->
<!---->
<!---->
<input _ngcontent-cdm-c2="" autocomplete="off" class="validation ng-untouched ng-pristine ng-star-inserted" disabled="" name="estado" id="" type="text" placeholder="Digite o Estado">
<!---->
<!---->
<!---->
<!---->
<!---->
<!---->
<div _ngcontent-cdm-c2="" class="spaui-input-icon" style="top: 1.8em;">
<span _ngcontent-cdm-c2="" class="undefined" id="icon" style="cursor: pointer;"></span>
</div>
<!---->
</div>
<!---->
</div>
</spaui-input>
</div>
<div _ngcontent-cdm-c7="" class="inputSizeStreet">
<spaui-input _ngcontent-cdm-c7="" label="Cidade" name="__cidade" placeholder="Digite a Cidade" _nghost-cdm-c2="" id="" class="ng-touched ng-dirty">
<div _ngcontent-cdm-c2="" class="spaui-input spaui-input-disabled">
<!---->
<label _ngcontent-cdm-c2="" id="" class="ng-star-inserted"> Cidade </label>
<!---->
<div _ngcontent-cdm-c2="">
<!---->
<!---->
<!---->
<!---->
<!---->
<input _ngcontent-cdm-c2="" autocomplete="off" class="validation ng-untouched ng-pristine ng-star-inserted" disabled="" name="cidade" id="" type="text" placeholder="Digite a Cidade">
<!---->
<!---->
<!---->
<!---->
<!---->
<!---->
<div _ngcontent-cdm-c2="" class="spaui-input-icon" style="top: 1.8em;">
<span _ngcontent-cdm-c2="" class="undefined" id="icon" style="cursor: pointer;"></span>
</div>
<!---->
</div>
<!---->
</div>
</spaui-input>
</div>
</div>
<!---->
<!---->
<!---->
<!---->
<div _ngcontent-cdm-c7="" class="col-xs-4 col-xs-offset-4" style="padding-top:0.5em">
<button _ngcontent-cdm-c7="" buttontype="primary" spaui-button-custom="" class="spaui-button primary" type="submit">
<!---->
<!---->
<!---->
<!---->Cadastrar
<!---->
</button>
</div>
<!---->
<span _ngcontent-cdm-c21="" class="closeButton ng-star-inserted" id="modalCnpjProspect__dialog_close_button">
<i _ngcontent-cdm-c21="" class="icon-fechar"></i>
</span>
</div>
</spaui-dialog>
</spaui-dialogs>
</spaui-dialogs>
</customer-search>
</div>
<div class="customer">
<menu-customer _nghost-cdm-c8="">
<!---->
<div _ngcontent-cdm-c8="" class="show-menu-client ng-star-inserted">
<div _ngcontent-cdm-c8="" class="avatar-letters">
<svg _ngcontent-cdm-c8="" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path _ngcontent-cdm-c8="" d="M12 18L2.293 7.794a1.088 1.088 0 0 1 0-1.486.965.965 0 0 1 1.414 0L12
15.027l8.293-8.719a.965.965 0 0 1 1.414 0 1.088 1.088 0 0 1 0 1.486L12 18z" id="a"></path>
</svg>
<img _ngcontent-cdm-c8="" alt="Não correntista" class="img" src="assets/img/icone_menu.png">
</div>
<!---->
</div>
</menu-customer>
<div class="troca_cliente">
<change-customer style="position: absolute;" _nghost-cdm-c9="" hidden="">
<!---->
</change-customer>
</div>
</div>
<div class="menu align-children-right">
<!---->
<user-menu _nghost-cdm-c10="" class="ng-star-inserted">
<div _ngcontent-cdm-c10="">
<div _ngcontent-cdm-c10="" class="icon">
<span _ngcontent-cdm-c10=""></span>
<span _ngcontent-cdm-c10=""></span>
<span _ngcontent-cdm-c10=""></span>
<span _ngcontent-cdm-c10=""></span>
</div>
<nav _ngcontent-cdm-c10="" class="menu-user">
<div _ngcontent-cdm-c10="" class="background-menu-user" style="background: linear-gradient(to top, rgba(25, 25, 25, 0.5), rgba(47, 205, 255, 0.15)), url("assets/img/bg-pattern.png");">
<div _ngcontent-cdm-c10="" class="user user-margin">
<img _ngcontent-cdm-c10="" alt="Gerente Padrão" src="assets/img/Casinha.png">
<h2 _ngcontent-cdm-c10="" class="title-user">GUSTAVO WILSON COELHO DIAS</h2>
<h4 _ngcontent-cdm-c10="" class="role-user">EX108593</h4>
<a _ngcontent-cdm-c10="" class="troca-senha" href="javascript:;">Trocar Senha</a>
<br _ngcontent-cdm-c10="">
<br _ngcontent-cdm-c10="">
<a _ngcontent-cdm-c10="" href="javascript:;">Página Inicial</a>
<a _ngcontent-cdm-c10="" href="javascript:;">Sair</a>
</div>
<!---->
<div _ngcontent-cdm-c10="" class="session-menu ng-star-inserted">
<ul _ngcontent-cdm-c10="" style="padding:0px;">
<li _ngcontent-cdm-c10="" class="title">TROCAR SENHA</li>
<!---->
</ul>
</div>
<div _ngcontent-cdm-c10="" class="session-menu ng-star-inserted">
<ul _ngcontent-cdm-c10="" style="padding:0px;">
<li _ngcontent-cdm-c10="" class="title">APLICACAO</li>
<!---->
<!---->
<li _ngcontent-cdm-c10="" class="ng-star-inserted">
<a _ngcontent-cdm-c10="" href="javascript:;">PORTAL BENNER</a>
</li>
<!---->
<li _ngcontent-cdm-c10="" class="ng-star-inserted">
<a _ngcontent-cdm-c10="" href="javascript:;">CACS Web</a>
</li>
</ul>
</div>
<!---->
<div _ngcontent-cdm-c10="" style="clear: both"></div>
<br _ngcontent-cdm-c10="">
<br _ngcontent-cdm-c10="">
<br _ngcontent-cdm-c10="">
</div>
<!---->
</nav>
</div>
<!---->
</user-menu>
</div>
</header>
<div id="convivencia-area" style="overflow-x: hidden;">
<spaui-loader _nghost-cdm-c1="">
<!---->
</spaui-loader>
<div class="ckView" style="margin-top: 50px;margin-bottom: 50px;overflow-x: hidden; ">
<iframe-container _nghost-cdm-c11="" hidden="">
<!---->
</iframe-container>
<ui-view>
<!---->
<lista-cliente _nghost-cdm-c26="" class="ng-star-inserted">
<div _ngcontent-cdm-c26="" class="list-container">
<h1 _ngcontent-cdm-c26="" class="title-list">Resultados da busca</h1>
<!---->
<!---->
<p _ngcontent-cdm-c26="" class="description ng-star-inserted">Foram encontrados <strong _ngcontent-cdm-c26="">0</strong> resultados para <strong _ngcontent-cdm-c26="">"052144788"</strong> na busca <strong _ngcontent-cdm-c26="">"CPF/CNPJ ou Agência e Conta"</strong>
</p>
<!---->
<!---->
<table _ngcontent-cdm-c26="">
<tr _ngcontent-cdm-c26="">
<th _ngcontent-cdm-c26="">Cliente</th>
<th _ngcontent-cdm-c26="" class="right">CPF/CNPJ</th>
<th _ngcontent-cdm-c26="">Pessoa</th>
<th _ngcontent-cdm-c26="" class="right">Data de nascimento / Constituição</th>
<th _ngcontent-cdm-c26="" class="right">Idade</th>
<th _ngcontent-cdm-c26="">Tipo</th>
</tr>
<!---->
</table>
</div>
</lista-cliente>
<!---->
</ui-view> <div id="lean" ui-view="lean">
<!---->
<!---->
<!---->
</div>
<div class="backdrop" id="c2PDFTag">
<!---->
</div>
</div>
</div>
<alert-manager>
<!---->
</alert-manager>
<footer class="higher-level">
<div class="navigation-footer">
<navigation-tab _nghost-cdm-c14="">
<!---->
<div _ngcontent-cdm-c14="" class="divMultitask ng-star-inserted">
<ul _ngcontent-cdm-c14="" class="tabs">
<!---->
<!---->
<!---->
<li _ngcontent-cdm-c14="" class="ng-star-inserted">
<!---->
<!---->
<!---->
<a _ngcontent-cdm-c14="" class="disabled ng-star-inserted" title="Página Inicial">PÁGINA INICIAL</a>
<span _ngcontent-cdm-c14="" title="Close">
<svg _ngcontent-cdm-c14="" xmlns:xlink="http://www.w3.org/1999/xlink" class="xIconMultiTask" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path _ngcontent-cdm-c14="" d="M13.41 12l8.29-8.29a1 1 0 0 0-1.41-1.42L12 10.59l-8.29-8.3a1.004 1.004 0 0 0-1.42 1.42l8.3 8.29-8.3 8.29A1 1 0 1 0 3.7 21.7l8.3-8.29 8.29 8.29a1 1 0 0 0 1.41-1.41L13.41 12z" id="a"></path>
</svg>
</span>
</li>
<!---->
<!---->
<!---->
<!---->
</ul>
</div>
</navigation-tab>
<date-time _nghost-cdm-c15="">
<div _ngcontent-cdm-c15="" style="border-left: 1px solid #ddd; padding:10px; margin-top:4px;">
<div _ngcontent-cdm-c15="" class="support">
<ul _ngcontent-cdm-c15="">
<li _ngcontent-cdm-c15="" class="date"> 14/08/2024 </li>
<li _ngcontent-cdm-c15="" class="time"> 10:39 </li>
</ul>
</div>
</div>
</date-time>
</div>
</footer>
<png-error-handler _nghost-cdm-c16="">
<spaui-dialogs _ngcontent-cdm-c16="" _nghost-cdm-c20="">
<spaui-dialog _ngcontent-cdm-c16="" _nghost-cdm-c21="">
<div _ngcontent-cdm-c21="" style="width: 400px; max-height: 530px; min-height: 269px; margin-left: -200px; margin-top: -135px; display: none;">
<h2 _ngcontent-cdm-c16="" class="title_bottom title_modal"></h2>
<p _ngcontent-cdm-c16=""></p>
<div _ngcontent-cdm-c16="" class="col-xs-2"></div>
<div _ngcontent-cdm-c16="" class="col-xs-8">
<button _ngcontent-cdm-c16="" buttontype="primary" class="one_cancel spaui-button primary" spaui-button-custom="" style="margin-top:83px;" type="submit">
<!---->
<!---->
<!---->
<!---->Tentar Novamente
<!---->
</button>
</div>
<div _ngcontent-cdm-c16="" class="col-xs-2"></div>
<!---->
<span _ngcontent-cdm-c21="" class="closeButton ng-star-inserted" id="modalError__dialog_close_button">
<i _ngcontent-cdm-c21="" class="icon-fechar"></i>
</span>
</div>
</spaui-dialog>
</spaui-dialogs>
</png-error-handler>
</base-front>
<!---->
</ui-view>
</app>
<script src="/portaldenegocios/js/shims.js"></script>
<script src="/portaldenegocios/js/app.js"></script>
<script type="text/javascript">
var startTime = (new Date).getTime()
</script>
<div id="backdrop" class="backdrop" style="z-index: 1040;background-color: #444444;display: block;
top: 0;bottom: 0;width: 100%;left: 0;opacity:0.85;height: 100vh;right: 0;position: fixed;"></div>
</body>
</html>Editor is loading...