/*Ajustes para o autenticador **/


body.facelift #blocoAutenticador td{
	border-bottom: none !important;
}
body.facelift #blocoAutenticador label, body.facelift #blocoAutenticador span.label {
    display: block;
    line-height: 16px;
    text-align: right!important;
    padding-right: 10px;
    white-space: normal!important;
    width: 174px;
}

body.facelift #blocoAutenticador .inputSenha input[type=password]{
	width: 218px !important;
}

body.facelift #blocoAutenticador label, #blocoAutenticador span.label {
    width: 174px !important;
}
body.facelift #blocoAutenticador .subTitulo{
    float: left;
    margin-top: 5px;
}

body.facelift #blocoAutenticador .erro_msg {
    position: absolute !important;
    margin-top: 120px !important;
    margin-left: 152px !important;
}

/** Ajuste de mensagem de erro para certificado * */
body.facelift #blocoAutenticador #divCertificadoBradesco .erro_msg {
    position: absolute !important;
    margin-top: 88px !important;
    margin-left: 143px !important;
} 

body.facelift #blocoAutenticador .form_erro td label, body.facelift #blocoAutenticador .form_erro td span.label {
    background-color: #FFF !important;
}

/**Usuario e senha**/
body.facelift .usuarioSenha{
	background-image: url(/guide/token/token-senha-pessoal.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 110px;
	width: 106px;
	height: 120px;
	padding-right: 36px;
}


/** divBrTokenOtp **/

body.facelift .tokenVasco{
	background-image: url(/guide/token/token-vasco.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 110px;
	width: 112px;
	height: 112px;
	margin-right: 36px;
}

body.facelift input[type="password"].senhaBrToken,
body.facelift input[type="password"].senhaTokenMobile{
	padding: 0 0 8px 0 !important;
	border: solid #C8C9CC !important;
	border-width: 0 0 1px 0 !important;
	font-family: "BradescoSans-Medium" !important;
	color: #000 !important;
	font-size: 16px !important;
	background: transparent !important;
	height: none;
	padding-bottom: 0px !important;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
	padding-bottom: 8px !important;
	width: 220px !important;
}
body.facelift input[type="password"].senhaBrToken{
	margin-left: 22px;
}

/**TOKEN OTP**/
body.facelift  #divBrTokenOtp .negrito.IE{
	margin-top: -16px !important;
	top: -42px !important;
	position: relative;
	margin-left: 250px !important;
	padding-left: 25px;
}

body.facelift #divBrTokenOtp .negrito {
    margin-top: -16px !important;
    top: -15px !important;
    position: relative;
    margin-left: 250px !important;
    padding-left: 25px;
    left: 12px;
}

/**MOBILE TOKEN**/
body.facelift .mobileToken{
	background-image: url(/guide/token/token-mobile-token.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 70px;
	width: 106px;
	height: 120px;
	padding-right: 36px;
}


#divTokenMobile  .divValidacao table tr td p {
	display: inline-flex !important;
	position: relative;
	top: -17px;
	margin-left: -228px !important;
}

#divTokenMobile  .divValidacao table tr td p strong {
	margin-left: 8px;
}


/**TOKEN LUMINOSIDADE FORTE*/


body.facelift #divBrToken input[type="password"].senhaBrToken{
	margin-left: 0px;
}

body.facelift #divBrToken td tr div.negrito {
    padding-left: 3px !important;
    right: 0px !important;
    top: 3px !important;
}

body.facelift #divBrToken span.label.focusNext.tp1{
    width: 630px !important;
    margin-left: 51px;
    margin-bottom: 16px;
    font-size: 12px !important;
}

body.facelift #divBrToken td tr div.negrito,
body.facelift #divBrToken td tr div.negrito strong {
    font: 12px BradescoSans-Medium !important;
    line-height: 16px !important;
    color: #47484C !important;
    text-decoration: none !important;
}


body.facelift #divBrToken  .bb1{
 	border: none !important;
}

body.facelift  .boxAbasIcons {
	/* width: 700px !important; */
	margin-left: -250px !important;
	display: flex;
	botton: 100px;
	top: -22px;
	position: relative;
	margin-left: -264px !important;
	margin-bottom: -23px;
	float: left !important;
}

body.facelift  .iconesToken{
    width: 125px  !important;
    border-bottom: 1px solid #A7A8AC !important;
    height: 45px;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background: transparent;
    background-size: 84px;
    background-position: center;
    
}

body.facelift  .iconesToken.active{
    border-bottom: 2px solid #E1173F !important;
    height: 44px;
}

body.facelift  .iconesToken.icon1  {
    background-image: url(/guide/token/token-vasco.svg);
}

body.facelift .iconesToken.icon1.active  {
    background-image: url(/guide/token/token-vasco-active.svg);
}



body.facelift .iconesToken.icon2  {
    background-image: url(/guide/token/token-brToken.svg);
     background-size: 50px !important;
}

body.facelift .iconesToken.icon2.active  {
    background-image: url(/guide/token/token-brToken-active.svg) !important;
}


body.facelift .iconesToken.icon2.active  {
    background: transparent;
    background-position: center;
    background-image: url(/guide/token/token-vasco.svg);
    background-repeat: no-repeat;
    background-position: center !important;
}


body.facelift ul.noindent li {
    font: 12px BradescoSans-Medium !important;
    line-height: 16px !important;
    color: #47484C !important;
}


body.facelift .boxAbasIcons.clearfix.ml30 {
    margin-left: -295px !important;
    width: 100% !important;
    position: relative;
    width: 972px !important;
    padding-left: 0px !important;

}


body.facelift #divBrToken td.pl15 div.mt20 {
    padding-left: 48px !important;
    padding-right: 24px !important;
    width: 625px !important;
 }
 
 
 body.facelift #divBrToken .negrito a strong u  {
 	background: none !important;
    font: 14px BradescoSans-SemiBold;
    line-height: 24px;
    color: #3B69FF !important;
    padding-left: 4px;
    cursor: pointer;
    text-decoration: none !important;
   
}

 body.facelift #divBrToken .negrito a:focus strong u,
 body.facelift #divBrToken .negrito a:hover {
    color: #142EFF !important;
    text-decoration: none !important;
    background: none !important;
}

 body.facelift #divBrToken .negrito a strong u:active{
    color: #0E24D3;
    text-decoration: none !important;
    background: none !important;
}

 body.facelift #divBrToken  table.tabTp3.mt10 tr td {
        font: 12px BradescoSans-Bold !important;

}
 
 body.facelift #divBrToken .campos_form div.bold {
    padding-left: 0px !important;
    font: 14px BradescoSans-SemiBold; 
    color: #000 !important;
}

body.facelift .brToken{
    background-image: url(/guide/token/token-brToken.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 65px;
    width: 92px;
    height: 88px; 
}

		
/**MOBILE QR CODE **/
#divTokenMobileQrCode .msgInfoToken ul li,
#divTokenMobileQrCode .infoToken ul li  {
    display: block !important;
    padding-top: 8px;
}

#divTokenMobileQrCode .infoToken{
    padding-left: 48px !important;
    font: 14px BradescoSans-SemiBold; 
}

body.facelift .mobileTokenQRCode{
	background-image: url(/guide/token/token-qr-corde.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 95px;
	width: 106px;
	height: 120px;
	padding-right: 36px;
}

body.facelift #formAutenticador\:divErro{
	margin-top: 24px;
	margin-bottom: 24px;
}

body.facelift .calculadoraToken{
	background-image: url(/guide/token/token-calculadora-hsbc.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 95px;
	width: 106px;
	height: 120px;
	padding-right: 36px;
}

body.facelift #blocoAutenticador , 
body.facelift #divLoginApplet {
    background: #FFF;
}