html{height: 100%; float: left;width: 100%;background-color: #dfd9d9;}
body{margin: 0px;height: 100%;float: left; width: 100%;}
body *{box-sizing: border-box;-moz-box-sizing: border-box;}
body *{font-family: arial, sans-serif;box-sizing: border-box;text-decoration: none;list-style: none;}
header{height: 95px;background-color: #F8D117;position: fixed; width: 100%;}
header > div{min-width: 620px;max-width: 620px;display: table;margin: auto; width: 100%;height: 100%;}
header .logo{background-image: url(../imagens/logo-login.jpg);float: left;width: 59px;height: 59px;margin-top: 18px;z-index: 0;}
footer {position: fixed;bottom:0px;}
footer div{color:DimGray;}
content{min-width: 1024px;max-width: 1280px;display: table;margin: auto; width: 100%;padding-top: 95px;height: 100%;}
header h1{display: table-cell; margin: auto; vertical-align: middle; width: 100%; text-align: center;font-size: 30px; color: #0a39ab;font-family: arial, sans-serif;}
header .loading {width: 100%; height: 6px;position: absolute; left: 0px;background-color: #fff;z-index: 0;}
header .loading > div{ height: 100%; float: left; background-color: #1194f6;width: 30%}
body a.md-default-theme:not(.md-button), body a:not(.md-button){color :#0a39ab}
content-box{width: auto;float: none;height: 100%;margin: auto;display: table;padding-top: 35px;opacity : 0; transition: opacity 1s;position: relative;}
content-box.login-show{opacity : 1;}
content-box data-ng-view,content-box data-view-bb-code{width: 350px;height: 500px;min-height: 500px;max-height: 500px;display: table;background-color: #F8D117;padding: 30px 30px 0px 30px;-webkit-box-shadow: 0px 2px 5px 1px rgba(153,153,153,1);-moz-box-shadow: 0px 2px 5px 1px rgba(153,153,153,1);box-shadow: 0px 2px 5px 1px rgba(153,153,153,1);float: left;;overflow: hidden;left: 50%; margin-left: -175px;position: absolute;transition: margin-left 0.5s;}
content-box data-view-bb-code{opacity :0 ; transition : opacity 0.5s}
content.bbcode-show data-ng-view{margin-left: 20px;}
content.bbcode-show data-view-bb-code{margin-left: 20px;margin-left: -370px;opacity :1}
content-box data-ng-view h1,content-box data-view-bb-code h1{font-size: 23px;text-align: center;margin: 0px 0px;position: relative;color:#0a39ab;font-weight: normal;position: relative;margin-bottom: 20px;}
content-box data-ng-view h1 a {position: absolute;left: 0px;font-size: 30px;height: 25px;line-height: 25px;text-decoration: none;}
content-box .ng-animate > login-box {opacity :0;}
content-box .ng-animate {background-image: url('../imagens/carregando3.gif');background-size: 90px 90px;background-position: center center;opacity : 0.6;background-repeat: no-repeat;}
content-box data-ng-view bb-foto-usuario{width: 100%;float: left;}
content-box data-ng-view item-login-foto bb-foto-usuario img{width: 60px;height: 60px;}
content-box data-ng-view bb-foto-usuario img{width: 80px;height: 80px;}
content-box data-ng-view .link-rodape-login{width: 100%; text-align: center;float: left;font-size: 18px;display: block; position: absolute; bottom: 0px;left: 0px; padding-bottom: 20px;}
login-box{float: left; width: 100%;height: 100%; position: relative;-webkit-margin-before: 0px;-webkit-margin-after: 0px;line-height: normal;display: table;}
login-box bb-container-campo{width: 100%;}
content login-box a{color:#0a39ab !important;}
/* -------------------------------------Components Login ------------------------------------------*/
lista-itens-login::-webkit-scrollbar {width: 6px;}
lista-itens-login::-webkit-scrollbar-track {border-radius: 0px;border-top: 1px solid #cab734;background-color: #fafafa;border-bottom: 1px solid #cab734;}
lista-itens-login::-webkit-scrollbar-thumb {border-radius: 0px;box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: #F8D117;}
.bb-input-progress{background: url(../imagens/background-input.png);background-position: 0px 100%;background-repeat: no-repeat;background-size: 0% 3px;border-bottom: none;}
.modulo-assinador-carregando{color:transparency; background-image: url('../imagens/carregando.gif') }
/* Componente bb-container-campo */
bb-container-campo{float: left;padding: 10px 10px 0px 10px;}
bb-container-campo label {font-size: 14px;float: left;;padding-left: 8px;padding-bottom: 10px; color: #333;}
bb-container-campo input[type='text'],bb-container-campo input[type='password']{border: none;padding: 15px;width: 100%;margin: auto;text-align: center;font-size: 16px;background-color: #f9e867;border-bottom: 3px solid #cab734;outline: none;height: 50px;}
bb-container-campo.container-campo-focus input[type='text'], bb-container-campo.container-campo-focus input[type='password']{border-bottom-color: #1194f6;}
bb-container-campo > span{color: #8d812b; font-size: 12px;padding-top: 5px;float: left;width: 100%;}
bb-container-campo.container-campo-focus label{color: #1194f6;}
bb-container-campo span.erro{display: none;}
bb-container-campo.has-error span.info{display: none;}
bb-container-campo.has-error span.erro{color: red;display: block;}
bb-container-campo.has-error label{color: red;}
bb-container-campo.has-error input[type='text'], bb-container-campo.has-error input[type='password']{border-bottom: 3px solid red;}
bb-container-campo md-switch{margin: 0px;}
/* Componente bb-container-botao */
bb-container-botao {float: left;padding: 15px 10px;width: 100%;display: table;}
bb-container-botao button {height: 45px;display: table-cell;vertical-align: middle;width: 100%;background-color: #1194f6;color: #fff;text-decoration:none; text-align: center;border-radius: 2px;border: none;cursor: pointer;font-size: 18px;position: relative;}
bb-container-botao button[disabled]{opacity:0.8;}
bb-container-botao .botao-loading{background-image: url(../imagens/carregando1.gif);background-repeat: no-repeat;background-size: 35px 35px;background-position: 10px center;}
/* Componente bb-foto-usuario */
bb-foto-usuario img{display: table;margin: auto;border-radius: 100%;border: 4px solid #E4C43F;}
/* BB-Assinador */
bb-assinador applet{width: 100%;height: 94px;position: absolute;left: 0px;top: -42px;}
bb-assinador{color: #ad9b22;width: 100%;float: left;background-color: #f9e867;border-bottom: 3px solid #cab734; height: 50px; padding: 10px; text-align: center;position: relative; overflow-y:hidden;}
bb-assinador > div {width: 100%;position: absolute; bottom: 0px; height: 3px;left: 0px;}
bb-assinador md-progress-circular.md-default-theme path, md-progress-circular path{stroke : #1194f6;}
bb-assinador md-progress-circular{display: table;margin: 0 auto;;}
/* login com agencia e conta */
.container-agencia-conta label{width: 100%;text-align: center;color: #222;}
.container-agencia-conta label:nth-child(2){font-size: 24px;}
.container-agencia-conta{width: 50%;}
/*login com cpf */
.container-cpf label{width: 100%;text-align: center;color: #222;}
.container-cpf label:nth-child(2){font-size: 24px;}
/*login com cpf */
/*login com bb-code */
.bb-code-reload{width: 100%;height: 100%;position: absolute;background-color: #fff;display: none;}
.bb-code-wait{position: absolute;z-index: 1;left: 50%;top: 50%;width: 100px ; height: 100px ;background-image: url(../img/carregando3.gif); background-position: center center; background-repeat: no-repeat, no-repeat;cursor: pointer; background-size: 100% 100%;margin-left: -50px;margin-top: -50px;display: block;}
#bbcodeLogin{height: 250px;width: 250px;display: table;margin: 20px auto;display: none;}
.bb-code-container{float: left;width: 100%;min-height: 300px;}
.bb-code-timer {width: 100%; text-align: center; float: left; font-size: 20px; font-family: arial; color: #0a39ab;display: none;}
.bb-code-expirado .bb-code-reload-img,.bb-code-expirado .bb-code-reload , .bb-code-expirado #bbcodeLogin{display: block;}
.bb-code-carregando .bb-code-wait{display: block;}
.bb-code-gerado #bbcodeLogin,.bb-code-gerado .bb-code-timer {display: block;}
content-box bb-login-bb-code h1{margin-bottom: 10px}
bb-login-bb-code > div{float: left;width: 100%;position: relative;}
.ajuda-bb-code{margin: 0px;padding: 0px;margin-top: 15px;float: left;position: absolute; width: 100%;bottom: 14px;}
.ajuda-bb-code li{padding: 5px;float: left;}
.ajuda-bb-code li a{font-size: 16px;color: #0a39ab;cursor: pointer}
.ajuda-bb-code li a:hover{color: #0a39ab;}
.caixa-bb-code{width: 100%;height: 100%;display: table;}
/* Lista de logins */
lista-login {width: 100%;height: 345px;float: left;background-color: #fbeb7b;}
lista-login item-login{width: 100%; height: 86px; float: left;border-bottom: 1px solid #cab734;cursor: pointer;position: relative;}
item-login-foto{height: 84px;float: left;width: 84px;padding: 12px;position: absolute;left: 0px;}
item-login-foto img{width: 100%;height: 100%;border-radius: 100%;}
item-login-nome{width: 100%;float: left;padding-left: 84px;font-size: 14px;color: #000;font-weight: bold;padding-top: 14px;padding-right: 23px;text-align: justify;padding-bottom: 4px;line-height: 16px;}
lista-itens-login{overflow-y: auto;width: 100%;height: 100%;float: left;}
item-login-dados{padding-left: 84px;font-size: 13px;width: 100%;float:left;}
item-login-dados span{width: 100%;float: left;}
item-login .usuario-excluir{ background-image:url(../imagens/ic_close_black_24px.svg);position: absolute;right: 5px;top: 5px;width: 18px;height: 18px;background-size: 100% 100%;display: none;}
item-login:hover .usuario-excluir{display: block;}
/*Mensagens de erro*/
.acesso md-dialog {max-width: 800px;}
md-dialog .erro-conteudo {padding: 19px; height: 100%; overflow: auto;}
md-dialog .erro-cabecalho{width: 100%; float: left; display: table;background-color: #F8D117;}
md-dialog .erro-cabecalho span{display: table-cell;vertical-align: middle;height: 70px;text-align: center;color: #0a39ab;font-weight: bold;font-size: 40px;letter-spacing: -2px;}
md-dialog .erro-titulo{width: 100%; float: left; display: table; padding: 0px 14px;}
md-dialog .erro-titulo span{display: table-cell;vertical-align: middle;height: 60px;text-align: left;color: #0a39ab;font-size: 20px;}
/*Mensagens de erro*/
md-dialog .publicador-conteudo {padding: 19px; height: 100%; overflow: auto;}
md-dialog .publicador-titulo{width: 100%; float: left; display: table;background-color: #F8D117;}
md-dialog .publicador-titulo span{display: table-cell;vertical-align: middle;height: 70px;text-align: center;color: #0a39ab;font-weight: bold;font-size: 20px;}
.bb-input-identificao-usuario{text-transform:uppercase; }
.bb-exibir-texto{margin: 13px 0px;float: left;}
/* ----------------- Lista de celulares ------------------*/
.lista-celulares md-radio-group {float: left;width: 100%;}
.lista-telefones-liberacao{margin-bottom: 20px;}
.celular-texto{line-height: 24px;color: #0a39ab;}
div.lista-celulares{height: 100px;padding: 0px;overflow: auto;display: block;left: 0px;width: 100%;background-color: #fbeb7b;border-radius :0px; margin-bottom: 20px; max-height: 198px;}
.lista-celulares > div{height :55px;display: table; width: 100%;border-bottom:1px solid #cab734;}
.seleciona-celular h1 {margin: 0px 15px; margin-bottom: 30px;}
.seleciona-celular h1 a {left: -20px;}
.seleciona-celular bb-container-botao{padding-top: 10px; padding-bottom: 10px;}
div.lista-celulares .celular-dados{float: left;padding-left: 15px; left: 0px; display: table;top: 0px; }
div.lista-celulares .celular-dados > div{display: table-cell;vertical-align: middle;}
div.lista-celulares .celular-dados > div .celular-texto{font-size: 14px;color: #000;padding: 8px;font-weight: bold; width: 100%;}
div.lista-celulares > div .radio-celular{padding: 8px; float: left; border-style: none;}
.input-celular{margin: 10px;} a.md-default-theme:not(.md-button), a:not(.md-button)
.termo-adesao-remoto{background: #ffffff; height: 255px; overflow-y: auto;}
.termo-adesao-remoto span{ color: #555555;font-size: 14px;}
.termo-adesao-remoto-aceite md-checkbox{margin-bottom: 0px;}
bb-container-botao button .bb-loading{position: absolute;width: 30px;height: 30px;left: 10px;top: 10px;display: none;}
bb-container-botao button .bb-loading-show{display: block;}
bb-container-botao button .bb-loading md-progress-circular{width: 30px !important;height: 30px !important;float:left;}
bb-container-botao button .bb-loading md-progress-circular svg{width: 30px !important;height: 30px !important;}
bb-container-botao button .bb-loading md-progress-circular svg path{stroke:#fff;}
.modulo-seguranca-ajuda bb-container-campo label{font-weight: normal;color: red;}
.chamadas-login{height: 50px; line-height: 50px; text-align: center;border-top-left-radius: 10px; border-top-right-radius: 10px; cursor: pointer;display: table;margin: auto;}
body md-toast .md-toast-content{padding: 0px;background: transparent;background: #1194f6;width: 350px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
body md-toast{left: 50%;transform: translate3d(-50%, 0, 0);min-width: 0px;padding: 0px;}
body md-tooltip ._md-content{background-color:#1194f6; }
body md-tooltip span{font-size: 15px !important; }
.chamadas-login img {float: right;margin-top: 8px;width: 35px;}
.chamadas-login > div {float: left;margin: 2px 20px;}
.chamadas-login > div > a {width: 40px;height: 40px;background-size: 100%; display: table;background-position: center center;background-repeat: no-repeat;margin-top: 4px;}
.chamadas-login .chat{background-image: url(../imagens/chatbot_icon.png);background-size: 65%;}
.chamadas-login .links-uteis{background-image: url(../imagens/icon_contatos_login.png);background-size: 73%;}
.chamadas-login .requisitos-minimos{background-image: url(../imagens/requisitos-minimo.png);background-size: 100%;}
.chamadas-login .termo-uso{background-image: url(../imagens/termos-uso.png);background-size: 65%;}
#horus-chatBox .hcb-countChars{bottom: 0px !important;}
.altera-apelido .apelido{width:100%;}
.texto-alterar-apelido{max-height: 365px;overflow-y: scroll;}
body.carregando > md-progress-circular{width: 50px; height: 50px;float: left;position: absolute;top: 50%;left: 50%; margin-left: -25px; margin-top: -25px;display: block;}
body > md-progress-circular {display: none;}
/*layoyt corporate*/
.cor header{ background-color: #2d2d2d;}
.cor header .logo{background-image: url(../imagens/bb-corporate.jpeg);background-size: 100% 100%;width: 70px;}
.cor header h1 {color: #ffffff;}
.cor content-box data-ng-view, .cor content-box data-view-bb-code{background-color: #2d2d2d;}
.cor content-box data-ng-view h1, .cor content-box data-view-bb-code h1{color: #ffffff;}
.cor .bb-code-timer{color: #ffffff;}
.cor .ajuda-bb-code li a{color: #ffffff;}
.cor content login-box a{color: #ffffff !important;}
.cor lista-login item-login{background-color: #2d2d2d;}
.cor .lista-itens-login{background-color: #2d2d2d;}
.cor lista-login item-login {border-bottom: 1px solid #777777;}
.cor lista-login {background-color: #2d2d2d;border: 1px solid #777777}
.cor item-login-dados span, .cor item-login-nome {color: #ffffff;}
.cor header .loading > div{background-color: #000000}
.cor bb-foto-usuario img{ border: 4px solid #000000;}
.cor bb-container-botao button{background-color: #000000;}
.cor bb-container-campo label{color: #ffffff;}
.cor bb-container-campo input[type='text'], .cor bb-container-campo input[type='password']{background-color: #ffffff;}
.cor bb-container-campo.has-error input[type='text'], .cor bb-container-campo.has-error input[type='password']{border-bottom: 3px solid #000000;}
.cor md-switch.md-default-theme.md-checked.md-primary ._md-bar, .cor md-switch.md-checked.md-primary ._md-bar{background-color: #ffffff;}
.cor md-switch.md-default-theme.md-checked.md-primary ._md-thumb, .cor md-switch.md-checked.md-primary ._md-thumb{background-color: #000000;}
.cor body md-toast .md-toast-content{background-color: #2d2d2d;}
.cor bb-container-campo.has-error span.info{color: #dddddd;}
.cor bb-container-campo > span{color:#dddddd;}
.cor bb-container-campo.container-campo-focus input[type='text'], bb-container-campo.container-campo-focus input[type='password']{border-bottom: 3px solid #000000;}
.cor bb-assinador{color: #000000;background-color: #ffffff;border-bottom: 3px solid #000000;}
.cor md-dialog .erro-cabecalho span{color: #ffffff;background-color:#2d2d2d;}
.cor md-switch ._md-label span{color: #ffffff;}
.cor .bb-code-reload{background-color: #2d2d2d;}
.cor item-login .usuario-excluir{ background-image:url(../imagens/ic_close_white_24px.svg)}
.cor .bb-exibir-texto{color:#dddddd;}
.cor md-tooltip ._md-content{background-color:#2d2d2d; }
.cor .celular-texto{color: #ffffff;}
.cor bb-container-campo input[type='text'], .cor bb-container-campo input[type='password']{ border-bottom: 3px solid #000000;;}
.cor .lista-celulares{background-color: #2d2d2d;border: 1px solid #777};
.cor md-radio-button.md-default-theme ._md-off, .cor md-radio-button ._md-off{border-color: #ffffff;}
.cor md-radio-button ._md-off{background-color: #ffffff;}
.emp header{ background-color: #004474;}
.emp header .logo{background-image: url(../imagens/bb-empresarial.png);background-size: 100% 100%;width: 80px;}
.emp header h1 {color: #ffffff;}
.emp content-box data-ng-view, .emp content-box data-view-bb-code{background-color: #004474;}
.emp content-box data-ng-view h1, .emp content-box data-view-bb-code h1{color: #ffffff;}
.emp .bb-code-timer{color: #ffffff;}
.emp .ajuda-bb-code li a{color: #ffffff;}
.emp content login-box a{color: #ffffff !important;}
.emp lista-login item-login{background-color: #004474;}
.emp .lista-itens-login{background-color: #004474;}
.emp lista-login item-login {border-bottom: 1px solid #777777;}
.emp lista-login {background-color: #004474;border: 1px solid #777777}
.emp item-login-dados span, .emp item-login-nome {color: #ffffff;}
.emp header .loading > div{background-color: #1194f6}
.emp bb-foto-usuario img{ border: 4px solid #1194f6;}
.emp bb-container-botao button{background-color: #1194f6;}
.emp bb-container-campo label{color: #ffffff;}
.emp bb-container-campo input[type='text'], .emp bb-container-campo input[type='password']{background-color: #ffffff;}
.emp bb-container-campo.has-error input[type='text'], .emp bb-container-campo.has-error input[type='password']{border-bottom: 3px solid #1194f6;}
.emp md-switch.md-default-theme.md-checked.md-primary ._md-bar, .emp md-switch.md-checked.md-primary ._md-bar{background-color: #ffffff;}
.emp md-switch.md-default-theme.md-checked.md-primary ._md-thumb, .emp md-switch.md-checked.md-primary ._md-thumb{background-color: #1194f6;}
.emp body md-toast .md-toast-content{background-color: #004474;}
.emp #bbcodeLogin{height: 250px;width: 250px;display: table;margin: 20px auto;}
.emp bb-container-campo.has-error span.info{color: #dddddd;}
.emp bb-container-campo > span{color:#dddddd;}
.emp bb-container-campo.container-campo-focus input[type='text'], bb-container-campo.container-campo-focus input[type='password']{border-bottom: 3px solid #1194f6;}
.emp bb-assinador{color: #1194f6;background-color: #ffffff;border-bottom: 3px solid #1194f6;}
.emp md-dialog .erro-cabecalho span{color: #ffffff;background-color:#004474;}
.emp md-switch ._md-label span{color: #ffffff;}
.emp .bb-code-reload{background-color: #1194f6;}
.emp item-login .usuario-excluir{ background-image:url(../imagens/ic_close_white_24px.svg)}
.emp .bb-exibir-texto{color:#dddddd;}
.emp md-tooltip ._md-content{background-color:#004474; }
.emp div.lista-celulares{background-color: #1194f6}
.emp .celular-texto{color: #ffffff;}
.emp bb-container-campo input[type='text'], .emp bb-container-campo input[type='password']{ border-bottom: 3px solid #004474;}
.emp .lista-celulares{background-color: #1194f6;border: 1px solid #777};
.emp md-radio-button.md-default-theme ._md-off, .emp md-radio-button ._md-off{border-color: #ffffff;}
.emp md-radio-button ._md-on{background-color: #ffffff;}