/**************************************************************************************************************************************************** * MODAL ****************************************************************************************************************************************************/ /* jqModal base Styling courtesy of; Brice Burgess */ /* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (via jqModal.js). */ /**************************************************************************************************************************************************** * GERAL ****************************************************************************************************************************************************/ .box-modal-overlay {background-color:#000;} .box-modal {left:-999999px; position:absolute; top:-999999px; z-index: 5000;} .box-modal .box-modal-header {background-color:#EDEDED; border-bottom:2px solid #CC092F; border-radius:6px 6px 0 0; min-height:50px; position:relative;} .box-modal .box-modal-content {background-color:#FFF; border-radius:0 0 6px 6px; padding:20px; position:relative;} .box-modal .box-modal-icon {position:absolute; left:8px; top:8px;} .box-modal .box-modal-close {position:absolute; right:15px; top:15px;} .box-modal .box-modal-title {color:#1F1F1F; font-size:18px; font-weight:normal; line-height:20px; margin:0; padding:15px 20px;} .box-modal-scroll{width:770px!important;} .box-modal-scroll .box-content-scroll {position:relative; max-height:400px; overflow:auto;overflow-x:hidden; padding: 0 20px 0 1px; margin-right:-20px;} /* Padding necessário BUG NO CHROME. */ .box-modal-scroll .box-content-scroll .grid-container {max-width: 710px;} .box-modal-scroll .box-content-scroll .grid-row{width:710px!important;} /**** ICONE NO CABEÇALHO, TELAS DE CARTÕES ****/ .box-modal .box-modal-header-icon {min-height:67px;} .box-modal .box-modal-header-icon .box-modal-title {padding:20px 20px 15px 70px} .box-modal .box-modal-header-icon .box-modal-close {top:20px;} /**** ICONE NO CABEÇALHO, TELAS DE CARTÕES ****/ /**** TAMANHO DE MODAIS ****/ .box-modal {width:750px;} .modal420 {width:420px;} .modal450 {width:450px;} .modal540 {width:540px;} .modal590 {width:590px;} .modal720 {width:720px;} .modal620 {width:620px;} .modal670 {width:670px;} .modal740 {width:740px;} .modal800 {width:800px;} .modal800 {width:840px;} .modal900 {width:900px;} .modal940 {width:940px;} .modal1020 {width:1020px;} .modal1024 {width:1065px;} .modal1240 {width:1240px;} .modal1300 {width:1300px;} /**** TAMANHO DE MODAIS ****/ /**************************************************************************************************************************************************** * GERAL ****************************************************************************************************************************************************/ .box-modal form .bgr-campo {background:url("/portal/layout/imagens/geral/sprite-top-footer.png") -730px -105px no-repeat;} .box-modal form .bgr-campo input {background:url("/portal/layout/imagens/geral/sprite-top-footer.png") 100% -105px no-repeat;} /**** LISTA NUMÉRICA ****/ .box-modal .lst-num-tp1 {list-style: decimal outside; font-weight: bold; padding-left:20px;} .box-modal .lst-num-tp1 li {margin-top:16px;} .box-modal .lst-num-tp1 li:first-child {margin-top:0;} .box-modal .lst-num-tp1 li p {padding:0; font-weight:normal;} .box-modal .lst-num-tp1 li strong, .box-modal .lst-num-tp1 li p {display: block;margin-left:-5px;} /**** MODAL ENCONTRE SEU TÍTULO ****/ .modal-enc-ttl {width:950px;} .modal-enc-ttl .table-tp3 th {font-weight:bold;} .modal-enc-ttl .table-tp3 tbody {width:700px;} .modal-enc-ttl .table-tp3 tbody td {background:none; vertical-align:top; padding-bottom:0;} .modal-enc-ttl .table-tp3 th {vertical-align:top; padding:10px 12px;} .modal-enc-ttl .table-tp3 .table-tp3-bg {background:#EDEDED;} .modal-enc-ttl .table-tp3-left {width:162px; background:#EDEDED; text-align:left;} .modal-enc-ttl .table-tp3-left th {border-top:1px solid #FFF; vertical-align:middle;} .modal-enc-ttl .table-tp3-left tr:first-child th {border-top:none;} .modal-enc-ttl .table-tp3-border {border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC;} .modal-enc-ttl .table-tp3-right {width:auto; table-layout: fixed;} .modal-enc-ttl .table-tp3-right tbody {border-bottom:1px solid #CCC;} .modal-enc-ttl .table-tp3-right tr td {border-top:1px solid #CCC; border-bottom:none;} .modal-enc-ttl .table-tp3-right th {color:#426DA9; } .modal-enc-ttl .table-tp3-right thead tr th {white-space: nowrap; min-width:220px!important; text-align:left; vertical-align:middle; margin:0; padding-bottom:0px; padding-top:0px;} .modal-enc-ttl .table-tp3-right tbody tr td {padding:10px 12px; min-width:220px; vertical-align:middle; text-align:left;} #modalComoChegar .box-form-line .form-line {margin-left: 15px; padding-bottom: 0;} #modalComoChegar .box-form-line .form-line:first-child {margin-left: 0;} #modalComoChegar .box-form-line .form-line-last {padding-top: 25px;} #modalComoChegar .box-form-line .form-line .btn {line-height: 1;} #modalComoChegar .box-form-line .form-line .btn a {line-height: 21.5px;} #modalComoChegar #mapa{width:710px;height:405px;} /**************************************************************************************************************************************************** * REVISAR ****************************************************************************************************************************************************/ /**** ESPACAMENTO LEGENDA SLIDER EM MODAL ****/ .box-modal .box-media-tp2 > div.box-slider-wrap + div {padding-top:16px;} /**** // ESPACAMENTO LEGENDA SLIDER EM MODAL ****/ .modal540 form .frm-erro .txt-erro { margin-left:145px} .modal540 .abas-tp-3 ul.lst-abas{ width:480px ;} /**** MODAL INDIQUE PARA AMIGO ****/ .box-modal-indique .form-label, #modalEnviePropostaEmail .form-label{width:135px;} .box-modal-indique .confirmacao {padding-top:0;} /**** MODAL INDIQUE PARA AMIGO ****/ /**** MODAL FOTOS E VIDEOS ****/ .modalFotosVideos .wrapper-media {width:690px; margin: 0 auto 16px;} .modalFotosVideos .wrapper-media .media {max-width:690px; display: block; margin: 0 auto;} .modalFotosVideos .info-media {background:url("/portal/layout/imagens/geral/bgr-horizontal-dott.png") repeat-x bottom left; padding-bottom: 16px;} .modalFotosVideos .descricao-media {width:290px; float: left;} .modalFotosVideos .pdf-media {width:150px; float: left; margin-left: 65px;} .modalFotosVideos .share-media {width:161px; float: right;} /**** MODAL FOTOS E VIDEOS ****/ /**** MODAL ESQUECEU SUA COMBINACAO ****/ .box-campos .lnk-tp1 {margin-left: 30px; margin-top:5px;} .txt-cadeado {padding-left:45px; background:url("/portal/layout/imagens/geral/ico_IB.jpg") no-repeat; padding-top:20px; margin:5px 0 16px -8px;} .txt-cadeado-empresa {padding-left:32px; background:url("/portal/layout/imagens/geral/sprite-top-footer.png") no-repeat -1156px -226px; line-height:24px; padding-top:0; margin:16px 0 16px -8px;} .txt-cadeado-empresa2 {margin:-24px 0 10px 24px;} .txt-cadeado-empresa3 { padding-left:211px; margin:-24px 0 10px 54px; line-height:34px; text-align:left;} .txt-cadeado-empresa4 {padding-left:32px; line-height:24px; padding-top:0; margin:16px 0 16px -8px;} .box-campos ul li {float:left;} .box-campos ul li label {padding:6px 6px 0 0; vertical-align:middle;} .box-agencia {border:1px solid #dfdfdf; border-bottom:1px solid #C1C1C1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow: 0 1px 1px 1px rgba(236, 236, 236, 0.01); background:#FFF; padding: 0 20px; } .box-agencia {position: relative} .box-agencia form {padding-bottom:16px;} .box-agencia form .agencia {width:37px; margin-right:13px;} .box-agencia form .conta {width:58px;} .box-agencia form .digito {width:17px;margin-left:1px;} .box-agencia form input {font-size:12px;} .box-agencia form .btn-ok {margin-left:3px;} .box-agencia form .frm-erro .txt-erro {margin-left:110px;} .box-agencia-tp2 {zoom:1;} .box-agencia-tp2 p.txt-cadeado{ float:left; background:url("/portal/layout/imagens/geral/sprite-top-footer.png") no-repeat -1156px -226px; padding-left:30px;} .box-agencia-tp2 p.txt-cadeado-empresa{ float:left; background:url("/portal/layout/imagens/geral/sprite-top-footer.png") no-repeat -1156px -226px; padding-left:30px;} .box-agencia-tp2 form{ float:left;} .box-agencia-tp2 form ul{ margin-top:20px; margin-left:40px;} /* .modal540 .box-n-correntista {margin-top:32px;} .modal540 .n-correntista-b1 {border-bottom:1px dashed #EDEDED;} */ /**** MODAL ESQUECEU SUA COMBINACAO ****/ /**** MODAL ADQUIRIR CARTAO ****/ #modalFormCorrentista #form-correntista .grid-container:first-child, #modalAcesseSuaConta #form-acesse-sua-conta .grid-container:first-child {padding-top:0;} #modalFormCorrentista #form-correntista h2 {margin-left:20px; padding-top:16px;} #modalFormCorrentista #form-correntista div fieldset {overflow:hidden;} #modalFormCorrentista #form-correntista .form-line {margin-left:20px;} #modalAcesseSuaConta #form-acesse-sua-conta .acesse-ib {margin:0 20px;} #modalAdquirirCartao .form-check {margin-top:0;} #modalAdquirirCartao .passo-conclusao {padding-bottom:20px;} #modalTipoCliente #form-correntista .grid-container:first-child{padding-top:0;} #modalTipoCliente #form-correntista h2 {margin-left:20px; padding-top:20px;} #modalTipoCliente #form-correntista .form-line {margin-left:20px;} /**** MODAL ADQUIRIR CARTAO ****/ /**** FORMULARIO DE ACESSO AO INTERNET BANKING ****/ .acesse-ib {background-color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid; border-color:#dfdfdf #ececec #c5c5c5; box-shadow:0 1px 0 rgba(236,236,236,0.8); -moz-box-shadow:0 1px 0 rgba(236,236,236,0.8); -webkit-box-shadow:0 1px 0 rgba(236,236,236,0.8); padding:20px;} .acesse-ib h2 {line-height:24px; float:left; font-weight:normal; background:url("/portal/layout/imagens/geral/sprite-top-footer.png") no-repeat -1156px -226px; padding:0 0 0 30px; margin:0 0 0 -8px;} .acesse-ib ul {float:right;} .acesse-ib ul li {float:left;} .acesse-ib label {font-size:12px; line-height:25px; float:left; margin-left:8px;} .acesse-ib .bgr-campo {float:left; margin-left:6px;} .acesse-ib .agencia {width:35px;} .acesse-ib .conta {width:55px;} .acesse-ib .digito {width:15px; margin-left:2px;} .acesse-ib .btn-ok {margin-left:4px;} /**** FORMULARIO DE ACESSO AO INTERNET BANKING ****/ /**** MODAL MARCAR NA MINHA AGENDA ****/ #modal-marcar-agenda .lst-btns-agenda li {margin-left: 40px; float: left;} #modal-marcar-agenda .lst-btns-agenda li:first-child {margin-left: 0;} #modal-marcar-agenda .lst-btns-agenda li a {background: url("/portal/layout/imagens/geral/btns-marcar-agenda.png") no-repeat; display: block; padding-left: 55px; font-weight: bold; font-size: 14px; color: #1f1f1f; text-decoration: none; line-height: 47px;} #modal-marcar-agenda .lst-btns-agenda li a:hover {text-decoration: underline; color: #488AE6;} #modal-marcar-agenda .lst-btns-agenda li .btn-outlook {background-position: left bottom;} /**** MODAL MARCAR NA MINHA AGENDA ****/ .modal-box-tp1, .modal-box-tp2 {min-height: 26px; line-height: 22px;} .modal-box-tp1 ul, .modal-box-tp2 ul {margin-top:6px;} .modal-box-tp1 ul li p, .modal-box-tp2 ul li p {padding-top:0;} .modal-box-tp1 ul li p .lnk-tp1, .modal-box-tp2 ul li p .lnk-tp1 {margin-top:8px;} .modal-box-tp1 ul li:first-child {margin-right:32px;max-width:300px;} .modal-box-tp0 ul li:first-child {margin-right:32px;} .modal-box-tp2 ul li:first-child {max-width: auto;} .modal-box-tp1 ul li {float:left;max-width:370px;} .modal-box-tp2 ul li {float: none; max-width: 370px;} .modal-box-tp1-icon {width:33px;margin:3px 20px 0 0;} .modal-box-tp1-icon img {margin: 0 auto;} .modal-box-tp1-content, .modal-box-tp1-icon {float:left;} .modal-box-tp1-content.modal-como-solicitar, .modal-box-tp1-content.modal-como-solicitar ul li:first-child {max-width: 445px;} .modal-box-tp1-content.modal-como-solicitar li{width: 445px;} /**** MODAL CONTA INTERNACIONAL ****/ #modalContaInternacional .passo-conclusao {padding-bottom:20px;} /**** MODAL CONTA INTERNACIONAL ****/ .box-modal .form-buttons { border-top: 1px dashed #BFBFBF; margin-top: 32px; padding: 20px 0 0 0; } /**** MODAL TABELA CAPITALIZACAO ****/ #box-tabela-capitalizacao {width:930px;height:400px;overflow-y:auto} /**** // MODAL TABELA CAPITALIZACAO ****/ /**** MODAL CAPITALIZACAO ****/ .modal-box-tp1 ul.lst-newcap{ width:400px;} .modal-box-tp1 ul.lst-newcap li{ width:350px; max-width: 350px;} /**** // MODAL CAPITALIZACAO ****/ /**** MODAL ALTERAR MINHA SENHA ****/ #alterar-minha-senha .alt-cartao li:first-child{ width:200px; text-align:right; margin-top:3px;} #alterar-minha-senha .alt-cartao input{ width:66px; height:24px; border:1px solid #666666; margin-left:10px; text-align:center;} #alterar-minha-senha-2 .alt-cartao2{ margin-top:10px;} #alterar-minha-senha-2 .alt-cartao2 li:first-child{ width:150px; text-align:right;} #alterar-minha-senha-2 .alt-cartao2 input{ width:26px; height:24px; border:1px solid #666666; margin-left:10px; text-align:center;} /**** // MODAL ALTERAR MINHA SENHA ****/ /**** MODAL COMO INSTALAR ****/ #como-instalar-android .box-img-modal-ci, #como-instalar-blackberry .box-img-modal-ci, #como-instalar-iphone .box-img-modal-ci{ width:250px; height:225px;} #como-instalar-android .box-text-modal-ci, #como-instalar-blackberry .box-text-modal-ci, #como-instalar-iphone .box-text-modal-ci{ width:400px;} #como-instalar-android .box-content, #como-instalar-blackberry .box-content, #como-instalar-iphone .box-content, #como-instalar .box-content{ padding-left:25px;} #como-instalar .box-img-modal-ci{ width:350px; } #como-instalar .box-text-modal-ci{ width:250px;} #como-instalar-android .box-text-modal-ci p, #como-instalar-blackberry .box-text-modal-ci p, #como-instalar-iphone .box-text-modal-ci p, #como-instalar .box-text-modal-ci p{ padding-top:0; padding-bottom:16px;} #como-instalar .box-slider-next, #como-instalar .box-slider-previous{ top:170px;} #como-instalar-android .box-passos-modal-ci, #como-instalar-blackberry .box-passos-modal-ci, #como-instalar-iphone .box-passos-modal-ci, #como-instalar .box-passos-modal-ci{ display:block; width:100%; clear:both; text-align:right; padding-bottom:10px; padding-top:0px;} #como-instalar-android .box-slider-next, #como-instalar-android .box-slider-previous, #como-instalar-blackberry .box-slider-next, #como-instalar-blackberry .box-slider-previous, #como-instalar-iphone .box-slider-next, #como-instalar-iphone .box-slider-previous{ top:140px;} #como-instalar-java .box-img-modal-ci{ width:350px; } #como-instalar-java .box-text-modal-ci{ width:250px;} #como-instalar-java .box-text-modal-ci p{ padding-top:0; padding-bottom:16px;} #como-instalar-java .box-slider-next, #como-instalar .box-slider-previous{ top:170px;} #como-instalar-java .box-passos-modal-ci{ display:block; width:100%; clear:both; text-align:right; padding-bottom:10px; padding-top:0px;} #como-instalar-windows-phone .box-img-modal-ci{ width:350px; } #como-instalar-windows-phone .box-text-modal-ci{ width:250px;} #como-instalar-windows-phone .box-text-modal-ci p{ padding-top:0; padding-bottom:16px;} #como-instalar-windows-phone .box-slider-next, #como-instalar .box-slider-previous{ top:170px;} #como-instalar-windows-phone .box-passos-modal-ci{ display:block; width:100%; clear:both; text-align:right; padding-bottom:10px; padding-top:0px;} /**** // MODAL COMO INSTALAR ****/ /**** MODAL LINK EXTERNO ****/ #modalLinkExterno .vertical-align {height:220px;} /**** // MODAL LINK EXTERNO ****/ .area-scroll{overflow-x:scroll;overflow-y:hidden!important;} /**** MODAL TABELAS UMA AO LADO DA OUTRA ****/ .area-scroll .defini-largura{width:1475px;} .area-scroll .defini-largura .coluna-table{width:729px;float:left;margin:35px 0 0 16px;} .area-scroll .defini-largura .coluna-table:first-child{margin:0;} /**** MODAL TABELAS UMA AO LADO DA OUTRA ****/ .get-table-width{width: 2000px;} .get-table-width table{table-layout: fixed;} /**** MODAL CENTRAL DE ATENDIMENTO - CARTÃO ****/ #modal-central-de-atendimento .box-content-scroll {position:relative; max-height:400px!important; overflow:auto;overflow-x:hidden; padding-bottom: 3px; padding-right:0px; margin-top:16px; margin-bottom:0px;} /* Padding necessário BUG NO CHROME. */ #modal-central-de-atendimento .lst-modal-atd { margin-bottom: 0px;} #modal-central-de-atendimento .lst-modal-atd li{ width:330px; border-bottom:1px dashed #BFBFBF;} #modal-central-de-atendimento .lst-modal-atd li img{ margin-left:10px; margin-right: 15px;} #modal-central-de-atendimento .lst-modal-atd .lst-tp4-content div.vertical-align{ width:290px; height:165px; min-height:165px;} #modal-central-de-atendimento .lst-modal-atd .lst-tp4-content p > strong{ display:inline-block;} #modal-central-de-atendimento .lst-modal-atd p.atd-lead{ padding-top:0;} #modal-central-de-atendimento .lst-modal-atd p.atd-npad{ padding-top:0;} /**** // MODAL CENTRAL DE ATENDIMENTO - CARTÃO ****/ /**************************************************************************************************************************************************** * MODAL ****************************************************************************************************************************************************/ .lst-btns-agenda li {margin-left: 40px; float: left;} .lst-btns-agenda li:first-child {margin-left: 0;} .lst-btns-agenda li a {background: url("/portal/layout/imagens/geral/btns-marcar-agenda.png") no-repeat; display: block; padding-left: 55px; font-weight: bold; font-size: 14px; color: #1f1f1f; text-decoration: none; line-height: 47px;} .lst-btns-agenda li a:hover {text-decoration: underline; color: #488AE6;} .lst-btns-agenda li .btn-outlook {background-position: left bottom;}