/**Retirada do (X) **/
body.facelift form input[type="text"]::-ms-clear {
    display: none !important;
} 
 
body.facelift .inputText {
  position: relative;
  margin-top: 16px;
  padding-top: 30px;
  height: 24px !important;
  margin-bottom: 12px !important;
}

 
body.facelift .inputSenha input,
body.facelift .inputText input[type="numeric"],
body.facelift .inputText input[type="hidden"], 
body.facelift .inputText input[type="password"], 
body.facelift .inputText input[type="text"], 
body.facelift .inputText input.UIAgencia, 
body.facelift .inputText input.UIConta, 
body.facelift .inputText input[type="file"],
body.facelift .inputText textarea {
	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;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
	width: 100%;
	/*padding-bottom: 8px !important;
	padding-top: 18px !important;*/
}

body.facelift .inputSenha input:focus,
body.facelift .inputText input[type="numeric"]:focus,
body.facelift .inputText input[type="hidden"]:focus, 
body.facelift .inputText input[type="password"]:focus, 
body.facelift .inputText input[type="text"]:focus, 
body.facelift .inputText input.UIAgencia:focus, 
body.facelift .inputText input.UIConta:focus, 
body.facelift .inputText input[type="file"]:focus,
body.facelift .inputText textarea:focus {
	 border-bottom: 2px solid #3b69ff !important; 
}

body.facelift .inputSenha input.error,
body.facelift .inputText input[type="numeric"].error,
body.facelift .inputText input[type="hidden"].error, 
body.facelift .inputText input[type="password"].error, 
body.facelift .inputText input[type="text"].error, 
body.facelift .inputText input.UIAgencia.error, 
body.facelift .inputText input.UIConta.error, 
body.facelift .inputText input[type="file"].error,
body.facelift .inputText textarea:focus {
	 border-bottom: 2px solid #E1173F !important; 
}

body.facelift .inputSenha input + label + div,
body.facelift .inputText input + label + div {
  position: absolute;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  top: 0;
  right: 0;
}

body.facelift .inputSenha input + div,
body.facelift .inputText input + div {
  font-size: 16px;
  font-family: "BradescoSans-Medium";
  color: #6D6E71;
  position: relative;
  left: 0;
  transition: all 0.2s;
  line-height: 24px;
  top: -40px;
  margin-top: 8px;
}

body.facelift .inputSenha input + div label,
body.facelift .inputText input + div label {
  cursor: pointer !important;
}

body.facelift .inputSenha input:focus + div,
body.facelift .inputText input:focus + div {
  font-size: 12px;
  position: relative;
  line-height: 16px;
  transform: translateY(-1.28125em) perspective(100px) translateZ(0.001px);
  left: 0;
  top: -40px;
}

body.facelift .inputText input:focus + div label {
  color: #3B69FF !important;
}

body.facelift .inputSenha input.ativo + div,
body.facelift .inputSenha input.open + div,
body.facelift .inputText input.ativo + div,
body.facelift  .inputText input.open div {
  font-size: 12px;
  position: relative;
  line-height: 16px;
  transform: translateY(-1.28125em) perspective(100px) translateZ(0.001px);
  left: 0;
  top: -40px;
}


body.facelift  .campos_form.form_erro .inputText + .input-texto-apoio{
  top: 25px !important;
}

body.facelift .inputText + .input-texto-apoio {
    top: 8px;
    position: relative;
    padding-top: 8px;
    margin-top: -34px;
    font-size: 12px;
    font-family: "BradescoSans-Medium" !important;
    color: #6D6E71;
}

body.facelift .inputText + .input-texto-apoio .inputContador {
  float: right;
  margin-top: 0px !important;
}

/*SUBMIT*/
/*posicionamento label input*/


body.facelift .mioloFs12 .formulario input {
	height: auto !important;
    padding-right: 1px !important;
    border-bottom: solid 1px #7A7A7A !important;
	float: left !important;
}
body.facelift .mioloFs12 .formulario input:focus {
    border-bottom: solid 1px #3b69ff !important;
}


body.facelift .boxP10:focus{
	color: #3b69ff !important;
}

/**/
body.facelift .boxP10:focus-within span.label:not(.lbl_normal){
	color: #3b69ff !important;
}

body.facelift .boxP10 span.label:focus{
	color: #3b69ff !important;
}

body.facelift .boxP10:focus-within input[type=text]{
	border-bottom: solid 1px #3b69ff !important;
}
body.facelift .boxP10 input[type=text]:focus{
	border-bottom: solid 1px #3b69ff !important;
}

body.facelift .form_erro input[type=text]{
	border-bottom: solid 1px #CC092F !important;
}

/*MSG Erro*/
body.facelift .form_erro span.label:not(.lbl_normal){
	color: #CC092F !important;
}

body.facelift .form_erro ul > li > div > div > div{
	color: #CC092F !important;
}

body.facelift .form_erro {
    margin-bottom: 47px !important;
    padding: 0px 0 !important;
    border: none !important;
    background: none !important;
}

/*MSG Erro*/

/*Erro Campos data*/
body.facelift .erro_msg.data {
    position: absolute !important;
    margin-top: 65px !important;
    margin-left: 0px !important;
}

body.facelift .erro_msg{
    position: absolute !important;
    margin-top: 63px !important;
	margin-left: 0px !important;
	color: #E1173F;
    padding-bottom: 15px !important;
}

body.facelift .leg{
	float: left !important;
}


/** estilos para migração do botão do componente INPUTFILEUPLOAD **/

body.facelift input[type=file]::-webkit-file-upload-button {
    border: 1px solid  #3B69FF ;
    background: #FFF;
    color:  #3B69FF;
    border-radius: 30px;
    align-content: end;
    display: flex;
    align-items: flex-end;

  }
 
/********** CAMPO TEXTO COM AÇÃO ITEM 3.7 GUIDE ****************/

body.facelift .input-acao{
    top: -24px;
    position: relative;
    float: right !important;
    display: flex !important;
}


/****CAMPO INPUT CELULAR COM CODIGO DO PAIS *****/

body.facelift span.codPais {
    top: -21px;
    position: relative;
    font-family: "BradescoSans-Medium" !important;
    font-size: 16px;
    color: #E4E5E9;
}


body.facelift .inputText input[type="text"].inputCelCodPais {
  display: flex !important;
  padding-left: 34px !important;
  margin-left: 8px !important;
}

body.facelift .inputText input[type="text"].inputCelCodPais + div{
  font-size: 12px;
  position: relative;
  line-height: 16px;
  transform: translateY(-1.28125em) perspective(100px) translateZ(0.001px);
  left: 0;
  top: -40px;
}

body.facelift div.input-acao .iconeInputSenha{		
	background: url('/guide/icones/icone-senha-oculta.svg') 0px 0px no-repeat !important;
	width: 24px !important;
	height: 24px !important;
	background-size: contain !important;
}

body.facelift div.input-acao .iconeInputSenha.visivel{		
	background: url('/guide/icones/icone-senha-aparente.svg') 0px 0px no-repeat !important;
	width: 24px !important;
	height: 24px !important;
	background-size: contain !important;
}

/**	CAMPOS DE ERRO NO INPUT**/

body.facelift  .campos_form.form_erro  + label {
  color: #E1173F !important;
}

body.facelift .campos_form.form_erro + label + .inputText div label {
  color:  #E1173F; 
}

body.facelift .campos_form.form_erro .inputText input + div label {
  color:  #E1173F !important ;
}


/** Input para codigo de barras **/


body.facelift .boleto.inputText{
  display: inline-flex;
}

body.facelift .boleto.inputText .icone-boleto{
  margin-right: 8px;
}

body.facelift .inputText.boleto input + div {
	left: -80px;
    top: 0px;
    font-size: 12px !important;
    display: flex;
}

body.facelift .icone-boleto{
  	background: url(/guide/icones/icones-menu/icone-boleto.svg) center no-repeat!important;
	width: 26px;
	height: 26px;
	display: block;
}

body.facelift .inputText.boleto input + div {
    left: -78px;
    top: 0px;
}


body.facelift .linha-digitavel-input .inputText input ,
body.facelift .linha-digitavel-input .inputText input + div label {
  margin-left: 40px !important;
}

body.facelift .linha-digitavel-input .icone-boleto {
  background: yellow;
  position: absolute;
  top: 85px !important;
  padding-right: 8px !important;
}


/**TEXT AREA JÁ MIGRADO COM A BRADESCO-SANS*/

body.facelift .input-text-area textarea {
	padding: 24px 8px 8px 16px !important;
	border: 1px solid #C8C9CC !important;
	font-family: "BradescoSans-Medium" !important;
	color: #000 !important;
	font-size: 16px !important;
	background: transparent !important;
	height: none;
	width: 100%;
}


body.facelift .input-text-area textarea:focus{
	 border: 2px solid #3b69ff !important; 
}

body.facelift .input-text-area textarea.error{
	 border: 2px solid #E1173F !important; 
}


body.facelift .input-text-area div {
  font-size: 16px;
  font-family: "BradescoSans-Medium";
  color: #6D6E71;
  position: relative;
  left: 0;
  transition: all 0.2s;
  line-height: 24px;
  top: 32px;
  padding-left: 8px;
}



body.facelift .input-text-area.ativo div {
  font-size: 12px;
  font-family: "BradescoSans-Medium";
  color: #6D6E71;
  position: relative;
  left: 0;
  transition: all 0.2s;
  line-height: 24px;
  top: 32px;
  padding-left: 8px;
}

body.facelift .input-text-area textarea + div {
  font-size: 16px;
  font-family: "BradescoSans-Medium";
  color: #6D6E71;
  position: relative;
  left: 0;
  transition: all 0.2s;
  line-height: 24px;
  top: -83px;
  margin-top: 8px;
  padding-left: 16px;
  padding-top: 8px;
  
}

body.facelift .input-text-area div label {
  line-height: 24px;
}

body.facelift .input-text-area:focus div {
  font-size: 12px;
  font-family: "BradescoSans-Medium";
  color: red;
  position: relative;
  left: 0;
  transition: all 0.2s;
  line-height: 24px;
  top: -83px;
  margin-top: 8px;
}

body.facelift .input-text-area textarea.ativo  + div {
  font-size: 12px;
  position: relative;
  line-height: 16px;
  transform: translateY(-1.28125em) perspective(100px) translateZ(0.001px);
  left: 0;
  top: -60px;
  margin-left: 16px;
  padding-left: 16px;
}

body.facelift .input-text-area {
  position: relative;
  margin-top: 16px;
  margin-bottom: 12px !important;
}