@charset "utf-8";



/* CSS Document */



.pace {

	-webkit-pointer-events: none;

	pointer-events: none;

	-webkit-user-select: none;

	-moz-user-select: none;

	user-select: none;

  }

  

  .pace-inactive {

	display: none;

  }

  

  .pace .pace-progress {

	background: #29d;

	position: fixed;

	z-index: 2000;

	top: 0;

	right: 100%;

	width: 100%;

	height: 2px;

  }

  

  .pace .pace-progress-inner {

	display: block;

	position: absolute;

	right: 0px;

	width: 100px;

	height: 100%;

	box-shadow: 0 0 10px #29d, 0 0 5px #29d;

	opacity: 1.0;

	-webkit-transform: rotate(3deg) translate(0px, -4px);

	-moz-transform: rotate(3deg) translate(0px, -4px);

	-ms-transform: rotate(3deg) translate(0px, -4px);

	-o-transform: rotate(3deg) translate(0px, -4px);

	transform: rotate(3deg) translate(0px, -4px);

  }

  

  .pace .pace-activity {

	display: block;

	position: fixed;

	z-index: 2000;

	top: 15px;

	right: 15px;

	width: 14px;

	height: 14px;

	border: solid 2px transparent;

	border-top-color: #29d;

	border-left-color: #29d;

	border-radius: 10px;

	-webkit-animation: pace-spinner 400ms linear infinite;

	-moz-animation: pace-spinner 400ms linear infinite;

	-ms-animation: pace-spinner 400ms linear infinite;

	-o-animation: pace-spinner 400ms linear infinite;

	animation: pace-spinner 400ms linear infinite;

  }

  

  @-webkit-keyframes pace-spinner {

	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }

  }

  @-moz-keyframes pace-spinner {

	0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }

	100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }

  }

  @-o-keyframes pace-spinner {

	0% { -o-transform: rotate(0deg); transform: rotate(0deg); }

	100% { -o-transform: rotate(360deg); transform: rotate(360deg); }

  }

  @-ms-keyframes pace-spinner {

	0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }

	100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }

  }

  @keyframes pace-spinner {

	0% { transform: rotate(0deg); transform: rotate(0deg); }

	100% { transform: rotate(360deg); transform: rotate(360deg); }

  }

  

  

  



body {

	line-height: 1.6;

	word-wrap: break-word;

	margin: 0;

	padding: 0;

	/* font-family: "Trebuchet MS"; */

	/* font-size: 14px; */

}



a {

	text-decoration: none;

	color: #1c315e;

}



img {

	margin: 39px 0px 0px 16px;

}



#container {

	width: 100%;

	background: #FFF;

}



#content-center {

	width: 1200px;

	background: #FFF;

}



#topo {

	width: 100%;

	background-image: url("https://www.fnel.org.br/painel/imagens/bg_site.png");

}



#header {

	width: 1200px;

	height: 170px;

	margin: 10px 0 15px 0;

}



#logo-texto {

	font-size: 30px;

	color: #FFF;

	text-align: left;

	width: 250px;

	height: 110px;

	display: block;

	float: left;

}



#logo-subtexto {

	font-size: 14px;

	color: #CCC;

	text-align: center;

}



#logo-div {

	margin: 0;

	padding: 60px 0 0 0;

}



#logo-img {

	background: url("https://www.fnel.org.br/painel/imagens/logo-v3.png");

	width: 300px;

	height: 60px;

	display: block;

	float: left;

}



#area_acesso {

	width: 300px;

	height: 130px;

	float: right;

	padding: 10px 30px 0 0;

	color: #FFF;

}



#area_acesso a {

	color: #ccc;

}



#area_acesso a:hover {

	text-decoration: underline;

}



#menu-horizontal {

	clear: both;

}



ul#menu {

	margin: 0 0 10px 0;

	padding: 0;

	list-style: none;

	height: 30px;

	float: left;

}



ul#menu li {

	float: left;

	line-height: 30px;

	color: #FFF;

	margin: 0 5px 0 0;

	background: #1c315e;

}



ul#menu li a {

	float: left;

	display: block;

	color: #FFF;

	text-decoration: none;

	text-transform: uppercase;

	padding: 0 15px 0 15px;

}



ul#menu2 {

	margin: 0 0 10px 0;

	padding: 0;

	list-style: none;

	height: 30px;

	float: left;

}



ul#menu2 li {

	float: left;

	line-height: 30px;

	color: #FFF;

	margin: 0 10px 0 0;

	background: #008080;

}



ul#menu2 li a {

	float: left;

	display: block;

	color: #FFF;

	text-decoration: none;

	text-transform: uppercase;

	padding: 0 10px 0 10px;

}



#conteudo {

	max-width: 100%;

	height: auto;

	float: left;

	clear: both;

}



#coluna-esq {

	width: 900px;

	float: left;

}



#coluna-full {

	max-width: 100%;

	float: left;

}



.item-home {

	width: 100%;

	float: left;

	margin: 0 0 10px 0;

}



.item-titulo {

	float: left;

	width: 100%;

	border-bottom: #0076c6 solid 3px;

	margin: 0 0 10px 0;

}



.item-titulo h1 {

	color: #FFF;

	background: #0076c6;

	line-height: 30px;

	float: left;

	display: block;

	margin: 0;

	padding: 3px 10px 0 10px;

	font-weight: normal;

	font-size: 14px;

	text-transform: uppercase;

}



.item-texto {

	clear: both;

	float: left;

	font-size: 14px;

}



h2 {

	color: #1c315e;

	font-size: 20px;

}



#coluna-dir {

	width: 290px;

	float: right;

}



.valor {

	padding: .5em .6em;

	display: inline-block;

	border: 1px solid #ccc;

	box-shadow: inset 0 1px 3px #ddd;

	border-radius: 4px;

	vertical-align: middle;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



.container_lista {

	width: 100%;

}



.item_lista {

	width: 100%;

	height: 255px;

	margin: 0 0 20px 0;

	clear: both;

	float: left;

	overflow: hidden;

}



.item_lista_conteudo {

	clear: both;

	padding: 10px;

	width: 100%;

	float: left;

	height: 133px;

}



.item_lista_titulo {

	width: 100%;

	height: 25px;

	line-height: 25px;

	padding: 0 0 0 20px;

	clear: both;

	float: left;

	display: block;

}



.vendedor {

	background-color: #008080;

	color: #FFF;

}



.aluno {

	background-color: #ffe339;

	color: #008080;

}



.stb {

	background-color: #00ba00;

	color: #FFF;

}


.stb_b {

	border: #00ba00 solid 1px;

}



.vendedor_b {

	border: #008080 solid 1px;

}



.aluno_b {

	border: #ffe339 solid 1px;

}



.aluno_c {

	background-color: #cccccc;

	color: #008080;

}

.aluno_c_b {

	border: #cccccc solid 1px;

}



.id_pedido {

	width: 200px;

	height: 200px;

	float: left;

}



.txt_id {

	font-size: 14px;

	color: #1c315e;

	line-height: 25px;

	font-weight: bold;

	float: left;

}



.txt_data_pedido {

	font-size: 11px;

	color: #3F3F3F;

	line-height: 25px;

	clear: both;

}



.dados_carteira {

    width: 366px;

    min-height: 230px;

    height: auto;

    float: left;

}



.imp_selo {

	text-align: center;

	float: left;

}



.txt_nome {

	font-size: 18px;

	color: #1c315e;

}



.bt_end,

.bt_mail {

	display: block;

	line-height: 32px;

	float: left;

	height: 32px;

	margin-right: 20px;

}



.outros_dados {

	width: 200px;

	height: 80px;

	float: left;

}



.txt_atencao {

	color: #FF0004;

	font-weight: bold;

	font-size: 14px;

}



.coluna_impressao {

	height: 200px;

    float: right;

    margin: 30px 10px 0 0;

}



.coluna_impressao a {

    float: left;

    /* line-height: 150px; */

    /* height: 150px; */

}



.coluna_delete {

	width: 100px;

	height: 80px;

	float: left;

	padding: 25px 0 0 0;

}



.rodape_tabela {

	clear: both;

}



.bt_editar {

	width: 30px;

	height: 30px;

	display: block;

	float: left;

	background: url("https://www.fnel.org.br/painel/imagens/edit_icon.png");

	background-size: 30px;

}



.bt_excluir {

	width: 30px;

	height: 30px;

	display: block;

	float: left;

	background: url("https://www.fnel.org.br/painel/imagens/delete.png");

	background-size: 30px;

}



.bt_editar_grande {

	width: 70px;

	height: 70px;

	display: block;

	float: left;

	background: url("https://www.fnel.org.br/painel/imagens/edit_icon.png");

	background-size: 70px;

}



.bt_excluir_grande {

	width: 70px;

	height: 70px;

	display: block;

	float: left;

	background: url("https://www.fnel.org.br/painel/imagens/delete.png");

	background-size: 70px;

}



.imprimir_foto {

	width: 70px;

	height: 70px;

	display: block;

	float: left;

	background: url("https://www.fnel.org.br/painel/imagens/print_foto.png");

	background-size: 70px;

}



.imprimir_foto_itta {

	width: 70px;

	height: 70px;

	display: block;

	float: left;

	background: url("https://www.fnel.org.br/painel/imagens/print_itta.png");

	background-size: 70px;

}



.imprimir_selo_dados {

	width: 70px;

	height: 70px;

	display: block;

	float: left;

	background: url("https://www.fnel.org.br/painel/imagens/selo.jpg");

	background-size: 70px;

}



.imprimir_selo_dados_ok {

	width: 70px;

	height: 70px;

	display: block;

	float: left;

	background: url("https://www.fnel.org.br/painel/imagens/selo_impresso.jpg");

	background-size: 70px;

}



.impresso1 {

	width: 70px;

	height: 70px;

	display: block;

	float: left;

	background: url("https://www.fnel.org.br/painel/imagens/print_argox.png");

	background-size: 70px;

}



.impresso2 {

	width: 70px;

	height: 70px;

	display: block;

	float: left;

	background: url("https://www.fnel.org.br/painel/imagens/print2.png");

	background-size: 70px;

}



.botao_add {

	width: 20px;

	height: 20px;

	display: block;

	float: left;

	background: url("https://www.fnel.org.br/painel/imagens/add.png");

	background-size: 20px;

}



.botao_delet {

	width: 20px;

	height: 20px;

	display: block;

	float: left;

	background: url("https://www.fnel.org.br/painel/imagens/delet.png");

	background-size: 20px;

}



.bot_verde {

	background-color: #44bd4d !important;

	color: #FFF !important;

}



.bot_vermelho {

	background-color: #d91a1a !important;

	color: #FFF !important;

}



.tabela {

	width: 100%;

}



.verde {

	color: #44bd4d !important;

}



.vermelho {

	color: #d91a1a !important;

}

.laranja {

	color: #ffa500 !important;

}





#containment-wrapper {

	/*

      width: 100%;

      height:700px;

      padding: 0px;

	  float: left;

	  */

}



#containment-wrapper-foto {

	margin-top: -7px;	  

}



/* Daqui para baixo configura-se as medidas para a carteira impressão */



.img_teste_carteira {

	width: 451px;

	height: 283px;

	float: left;

	background: url("https://www.fnel.org.br/painel/imagens/bg_carteira.jpg");

	clear: both;

}



.img_teste_carteira_2020 {

	width: 451px;

	height: 283px;

	float: left;

	background: url("/painel/imagens/Carteira-Fnel-2020-frente.png") no-repeat; 

	clear: both;

	background-size: 362px;

}



.img_teste_carteira_2020_verso {

	width: 451px;

	height: 283px;

	float: left;

	background: url("/painel/imagens/Carteira-Fnel-2020-verso.png") no-repeat; 

	clear: both;

	background-size: 362px;

}





#draggable3 {

	width: 6.4cm;

	height: 3.9cm;

	/* font-family: "Arial"; */

	font-family: "Verdana";

	font-size: 7.5pt;

	text-transform: uppercase;

	font-weight: bold;

}



#carteiras_tela_multipla {

	width: 6.5cm;

	height: 4.2cm;

	font-family: "Verdana";

	font-size: 7.5pt;

	text-transform: uppercase;

	font-weight: bold;

}



#regua {

	cursor: move;

	margin-left: -40px;

}



#margem_esquerda {

	margin-top: 19px;

	margin-left: 26px;

	/*margin-left: 86px;*/

	float: left;

}



#nome_completo {

	clear: both;

	width: 220px;

	height: 17px;

	float: left;

	font-weight: bold;

	overflow: hidden;

}



#instituicao {

	margin-top: 3px;

	width: 210px;

	height: 15px;

	float: left;

	clear: both;

	font-weight: bold;

	overflow: hidden;

}



#curso {

	margin-top: 6px;

	width: 210px;

	height: 15px;

	float: left;

	clear: both;

	font-weight: bold;

	overflow: hidden;

}



.clear {

	clear: both;

}



#identidade {

	margin-top: 6px;

	width: 105px;

	height: 15px;

	float: left;

	clear: both;

	overflow: hidden;

	/* font-weight: bold;

	font-family: "Tahoma"; */

}



#cpf{

	margin-top: 6px;

	width: 105px;

	height: 15px;

	float: left;

	clear: both;

	overflow: hidden;

	/* font-weight: bold;

	font-family: "Tahoma"; */

}



#data_nascimento {

	margin-top: -15px;

	margin-left: 7px;

	width: 66px;

	height: 15px;

	float: left;

	font-family: "Verdana";

	font-weight: bold;

	font-size: 7pt;

}



#validade {

	margin-top: -15px;

	margin-left: 106px;

	width: 2cm;

	height: 15px;

	float: left;

	font-weight: bold;

	font-size: 9pt;

	font-family: "Verdana";

}



#numero {

	margin-top: 19.5px;

	margin-left: 28px;

	width: 100px;

	height: 16px;

	float: left;

	font-size: 9pt;

	font-family: "Verdana";

	font-weight: bold;

}



/* FIM das medidas da carteira para impressão */





/* Daqui para baixo configura-se as medidas para a carteira impressão com qrcode*/



.bg_qrcode {

	background-image: url("https://www.fnel.org.br/painel/imagens/bg_qrcode.png");

	background-size: 8cm;

}



#qrcode_draggable3 {

	width: 85.0mm;

	height: 53.0mm;

	font-family: "Verdana";

	font-size: 8.0pt;

	text-transform: uppercase;

	font-weight: bold;

}



#qrcode_carteiras_tela_multipla {

	width: 85.0mm;

	height: 55.0mm;

	font-family: "Verdana";

	font-size: 8pt;

	text-transform: uppercase;

	font-weight: bold;

}



#qrcode_imagem {

	margin: 4.23cm 0 0 0.71cm;

	width: 1cm;

	height: 1cm;

	float: left;

	position: absolute;

}

#qrcode_imagem_multi {

	margin: 0;

	padding: 41.0mm 0 0 7.0mm;

	width: 1cm;

	height: 1cm;

	float: left;

	overflow: hidden;

}

#qrcode_imagem img, #qrcode_imagem_multi img{

	width: 14mm;

	height: 14mm;

	margin: -2mm 0 0 -2mm;

}



#qrcode_margem_esquerda {

	float: left;

	margin: 1.25cm 0 0 2.89cm;

}

#qrcode_margem_esquerda_multi {

	width: 54.0mm;

	height: 34.0mm;

	float: left;

	margin: 0;

	padding: 11.0mm 0 0 11.0mm;

}



#qrcode_nome_completo {

	clear: both;

	width: 220px;

	height: 17px;

	float: left;

	font-weight: bold;

	overflow: hidden;

}



#qrcode_instituicao {

	margin-top: 3px;

	width: 210px;

	height: 15px;

	float: left;

	clear: both;

	font-weight: bold;

	overflow: hidden;

}



#qrcode_curso {

	margin-top: 6px;

	width: 210px;

	height: 15px;

	float: left;

	clear: both;

	font-weight: bold;

	overflow: hidden;

}



#qrcode_identidade {

	margin-top: 6px;

	width: 105px;

	height: 15px;

	float: left;

	clear: both;

	overflow: hidden;

	/* font-weight: bold;

	font-family: "Tahoma"; */

}



#qrcode_cpf {

	margin-top: 6px;

	width: 105px;

	height: 15px;

	float: left;

	clear: both;

	overflow: hidden;

	/* font-weight: bold;

	font-family: "Tahoma"; */

}



#qrcode_data_nascimento {

	margin-top: -14px;

	margin-left: 4px;

	width: 66px;

	height: 15px;

	float: left;

	font-family: "Verdana";

	font-weight: bold;

	font-size: 7pt;

}



#qrcode_validade {

	margin-top: -15px;

	margin-left: 109px;

	width: 2cm;

	height: 15px;

	float: left;

	font-weight: bold;

	font-size: 9pt;

	font-family: "Verdana";

}







#qrcode_numero {

	margin-top: 22.5px;

	margin-left: 28px;

	width: 100px;

	height: 16px;

	float: left;

	font-size: 9pt;

	font-family: "Verdana";

	font-weight: bold;

}



/**

* Medidas para a carteira de 2019

*/



#qrcode_2019_carteiras_tela_multipla {

	width: 80mm;

    height: 50mm;

    font-family: "Verdana";

    font-size: 8pt;

    text-transform: uppercase;

	font-weight: bold;

	clear: both;

}



#qrcode_2019_imagem {

	margin: 4.23cm 0 0 0.71cm;

	width: 1cm;

	height: 1cm;

	float: left;

	position: absolute;

}

#qrcode_2019_imagem_multi {

	margin: 0;

    padding: 40.5mm 0 0 10.5mm;

    width: 10mm;

    height: 10mm;

    float: left;

    overflow: hidden;

}

#qrcode_2019_imagem img, #qrcode_2019_imagem_multi img{

	width: 14mm;

    height: 14mm;

    margin: -2.6mm 0 0 -2.6mm;

}



#qrcode_2019_margem_esquerda {

	float: left;

	margin: 1.25cm 0 0 2.89cm;

}

#qrcode_2019_margem_esquerda_multi {

	width: 49mm;

    height: 34.0mm;

    float: left;

    margin: 0;

    padding: 10mm 0 0 9mm;

}



#qrcode_2019_nome_completo {

	clear: both;

    width: 215px;

    height: 16px;

    margin-bottom: -2px;

    float: left;

    font-weight: bold;

   /*  overflow: hidden; */

}



#qrcode_2019_instituicao {

	margin-top: 3px;

    width: 215px;

    height: 15px;

    float: left;

    clear: both;

    font-weight: bold;

    white-space: nowrap;

    /* overflow: hidden; */

}



#qrcode_2019_curso {

	margin-top: 3px;

    width: 215px;

    height: 15px;

    float: left;

    clear: both;

    font-weight: bold;

    white-space: nowrap;

    /* overflow: hidden; */

}



#qrcode_2019_identidade {

	margin-top: -0.5mm;

    margin-left: 11mm;

    width: 105px;

    height: 15px;

    float: left;

    clear: both;

    overflow: hidden;

}



#qrcode_2019_cpf {

	margin-top: 0mm;

    margin-left: 7mm;

    width: 105px;

    height: 15px;

    float: left;

    clear: both;

    overflow: hidden;

}



#qrcode_2019_data_nascimento {

	margin-top: -0.5mm;

    margin-left: 25mm;

    width: 90px;

    height: 15px;

    float: left;

    font-family: "Verdana";

    font-weight: bold;

}



#qrcode_2019_validade {

	margin-top: -15px;

    margin-left: 109px;

    width: 2cm;

    height: 15px;

    float: left;

    font-weight: bold;

    font-size: 9pt;

    font-family: "Verdana";

}







#qrcode_2019_numero {

	margin-top: 11mm;

    margin-left: -2mm;

    width: 100px;

    height: 16px;

    float: left;

    font-size: 9pt;

    font-family: "Verdana";

    font-weight: bold;

}



/* IMPRESSORA FARGO */



#fargo_qrcode_imagem_multi {

	margin: -1.5mm 0 0 11.5mm;

    /* padding: 46.6mm 0 0 15.5mm; */

    width: 12mm;

    height: 11mm;

    float: left;

    position: relative;

    overflow: hidden;

}



#fargo_qrcode_imagem img, #fargo_qrcode_imagem_multi img{

	width: 13mm;

    height: 13mm;

    margin: -1.3mm 0 0 -1.6mm;

}



#fargo_margem_esquerda {

	width: 42mm;

    height: 31mm;

    float: left;

    margin: 0;

    padding: 13mm 0 0 11mm;

    position: relative;

    display: block;

}



#fargo_print_foto_foto3x4_img {

	width: 21mm;

    height: 28.5mm;

    position: relative;

    top: 13mm;

    float: left;

    left: 6mm;

}



#fargo_print_foto_foto3x4_img img {

	width: 21mm;

    height: 28mm;

}



#fargo_carteiras_tela_multipla {

    width: 85mm;

    height: 53mm;

    font-family: "Verdana";

    font-size: 7pt;

    text-transform: uppercase;

	font-weight: bold;

	clear: both;

    /* overflow: unset; */

}



#fargo_nome_completo {

	clear: both;

    width: 50mm;

    height: 16px;

    margin-bottom: -2px;

    float: left;

    font-weight: bold;

    /* overflow: hidden; */

}



#fargo_instituicao {

	margin-top: 3px;

    /* width: 215px; */

    height: 15px;

    float: left;

    clear: both;

    font-weight: bold;

    white-space: nowrap;

    /* overflow: hidden;*/

}



#fargo_curso {

	margin-top: 3px;

    /* width: 215px; */

    height: 15px;

    float: left;

    clear: both;

    font-weight: bold;

    white-space: nowrap;

    /* overflow: hidden; */

}



#fargo_cpf {

	margin-top: 0;

    margin-left: 7mm;

    width: 105px;

    height: 15px;

    float: left;

    clear: both;

    overflow: hidden;

}



#fargo_identidade {

	margin-top: 0mm;

    margin-left: 11mm;

    width: 105px;

    height: 15px;

    float: left;

    clear: both;

    overflow: hidden;

}



#fargo_data_nascimento {

	margin-left: 24mm;

    margin-top: -1mm;

    /* width: 90px; */

    height: 15px;

    float: left;

    font-family: "Verdana";

    font-weight: bold;

    /* font-size: 7pt; */

}



#fargo_numero {

	margin-top: 11mm;

    margin-left: -1mm;

    width: 100px;

    height: 16px;

    float: left;

    font-size: 9pt;

    font-family: "Verdana";

    font-weight: bold;

}



/* IMPRESSORA FARGO (NOVO PADRAO 2020)*/



#fargo_qrcode_imagem_multi_2020 {

	margin: 47.9mm 0 0 11.5mm;

	/* padding: 46.6mm 0 0 15.5mm; */

	width: 10mm;

	height: 10mm;

	float: left;

	/* overflow: hidden; */

}



#fargo_qrcode_imagem_2020 img, #fargo_qrcode_imagem_multi_2020 img{

	width: 14mm;

    height: 14mm;

    margin: -2.6mm 0 0 -2.6mm;

}



#fargo_margem_esquerda_2020 {

	width: 49mm;

	height: 34.0mm;

	float: left;

	margin: 0;

	padding: 15mm 0 0 12mm;

}



#fargo_print_foto_foto3x4_img_2020 {

	width: 24mm;

	height: 32mm;

	position: absolute;

	top: 46px;

    float: left;

    left: 15px;

}



#fargo_print_foto_foto3x4_img_2020 img {

	width: 25mm;

    height: 33.5mm;

}



#fargo_carteiras_tela_multipla_2020 {

	width: 96mm;

    height: 60.07mm;

    font-family: "Verdana";

    font-size: 8pt;

    text-transform: uppercase;

    font-weight: bold;

    /* margin: 0 0 1.18mm 0; */

}



#fargo_nome_completo_2020 {

	clear: both;

    width: 215px;

    height: 16px;

    margin-bottom: -2px;

    float: left;

    font-weight: bold;

   /*  overflow: hidden; */

}



#fargo_instituicao_2020 {

	margin-top: 3px;

    width: 215px;

    height: 15px;

    float: left;

    clear: both;

    font-weight: bold;

    white-space: nowrap;

    /* overflow: hidden; */

}



#fargo_curso_2020 {

	margin-top: 3px;

    width: 215px;

    height: 15px;

    float: left;

    clear: both;

    font-weight: bold;

    white-space: nowrap;

    /* overflow: hidden; */

}



#fargo_cpf_2020 {

	margin-top: 3px;

    margin-left: 32px;

	width: 105px;

	height: 15px;

	float: left;

	clear: both;

	overflow: hidden;

}



#fargo_identidade_2020 {

	margin-top: 0px;

    margin-left: 48px;

	width: 105px;

	height: 15px;

	float: left;

	clear: both;

	overflow: hidden;

}



#fargo_data_nascimento_2020 {

	margin-top: 2px;

    margin-left: 112px;

	width: 90px;

	height: 15px;

	float: left;

	font-family: "Verdana";

	font-weight: bold;

	/* font-size: 7pt; */

}



#fargo_matricula_2020 {

	margin-top: 0px;

    margin-left: 66px;

	width: 90px;

	height: 15px;

	float: left;

	font-family: "Verdana";

	font-weight: bold;

	/* font-size: 7pt; */

}



#fargo_numero_2020 {

	margin-top: 32.5px;

    margin-left: -11px;

	width: 100px;

	height: 16px;

	float: left;

	font-size: 9pt;

	font-family: "Verdana";

	font-weight: bold;

}







/* IMPRESSORA ITTA */



#itta_qrcode_imagem_multi {

	margin: 49.6mm 0 0 17.5mm;

	/* padding: 46.6mm 0 0 15.5mm; */

	width: 10mm;

	height: 10mm;

	float: left;

	/* overflow: hidden; */

}



#itta_qrcode_imagem img, #itta_qrcode_imagem_multi img{

	width: 11mm;

    height: 11mm;

    margin: -4.6mm 0 0 -4.6mm;

}



#itta_margem_esquerda {

	width: 49mm;

    height: 34.0mm;

    float: left;

    margin: 0;

    padding: 12mm 0 0 7mm;

}



#itta_print_foto_foto3x4_img {

	width: 24mm;

	height: 32mm;

	position: absolute;

	top: 54px;

	float: left;

	left: 37px;

}



#itta_print_foto_foto3x4_img img {

	width: 24mm;

	height: 32mm;

}



#itta_carteiras_tela_multipla {

	width: 96mm;

	height: 59mm;

	font-family: "Verdana";

	font-size: 8pt;

	text-transform: uppercase;

	font-weight: bold;

}



#itta_nome_completo {

	clear: both;

    width: 215px;

    height: 16px;

    margin-bottom: -2px;

    float: left;

    font-weight: bold;

   /*  overflow: hidden; */

}



#itta_instituicao {

	margin-top: -2px;

    width: 215px;

    height: 15px;

    float: left;

    clear: both;

    font-weight: bold;

    white-space: nowrap;

    /* overflow: hidden; */

}



#itta_curso {

	margin-top: -2px;

    width: 215px;

    height: 15px;

    float: left;

    clear: both;

    font-weight: bold;

    white-space: nowrap;

    /* overflow: hidden; */

}



#itta_cpf {

	margin-top: -2px;

	margin-left: 23px;

	width: 105px;

	height: 15px;

	float: left;

	clear: both;

	overflow: hidden;

}



#itta_identidade {

	margin-top: -2px;

	margin-left: 39px;

	width: 105px;

	height: 15px;

	float: left;

	clear: both;

	overflow: hidden;

}



#itta_data_nascimento {

	margin-top: -3px;

	margin-left: 98px;

	width: 90px;

	height: 15px;

	float: left;

	font-family: "Verdana";

	font-weight: bold;

	/* font-size: 7pt; */

}



#itta_numero {

	margin-top: 74.5px;

    margin-left: -9px;

    width: 100px;

    height: 16px;

    float: left;

    font-size: 9pt;

    font-family: "Verdana";

    font-weight: bold;

}



/* FIM das medidas da carteira para impressão */





/* backup da configuração antes do dia 21/11/2016



#draggable3 {

	width: 6.4cm;

	height: 3.9cm;

	font-family: "Arial";

	font-size: 8pt;

	text-transform: uppercase;

	font-weight: bold;

}



#carteiras_tela_multipla {

	width: 6.5cm;

	height: 4.2cm;

	font-family: "Arial";

	font-size: 8pt;

	text-transform: uppercase;

	font-weight: bold;

}



#regua {

	cursor: move;

	margin-left: -40px;

}



#margem_esquerda {

	margin-top: 19px;

	margin-left: 30px;

	float: left;

}



#nome_completo {

	clear: both;

	width: 210px;

	height: 17px;

	float: left;

	font-weight: bold;

	overflow: hidden;

}



#instituicao {

	margin-top: 3px;

	width: 210px;

	height: 15px;

	float: left;

	clear: both;

	font-weight: bold;

	overflow: hidden;

}



#curso {

	margin-top: 6px;

	width: 116px;

	height: 15px;

	float: left;

	clear: both;

	font-weight: bold;

	overflow: hidden;

}



#identidade {

	margin-top: 6px;

	width: 77px;

	height: 15px;

	float: left;

	clear: both;

	overflow: hidden;

	font-weight: bold;

	font-family: "Tahoma";

}



#data_nascimento {

	margin-top: 6px;
	margin-left: 33px;

	width: 66px;

	height: 15px;

	float: left;

	font-family: "Tahoma";

	font-weight: bold;

	font-size: 7pt;

}



#validade {

	margin-top: 6px;

	margin-left: 106px;

	width: 2cm;

	height: 15px;

	float: left;

	font-weight: bold;

	font-size: 9pt;

	font-family: "Verdana";

}



#numero {

	margin-top: 17px;

	margin-left: 28px;

	width: 100px;

	height: 16px;

	float: left;

	font-size: 9pt;

	font-family: "Arial Black";

	font-weight: bold;

}

*/





/*

*    Configuração das merdidas de impressão da carteira com foto

*/



#cartao_dimensao {

	width: 8.6cm;

	height: 5.4cm;

	float: left;

	clear: both;

}



#print_foto_draggable3 {

	width: 7.6cm;

	height: 4.4cm;

	margin-top: 1.0cm;

	margin-left: 0.4cm;

	font-family: "Arial";

	font-size: 8pt;

	text-transform: uppercase;

	font-weight: bold;

	float: left;

	clear: both;

}



#print_foto_foto3x4_img, .print_foto_foto3x4 img {

	width: 2.3cm;

	height: 3cm;

	margin-top: 0.1cm;

	margin-left: 0.1cm;

	position:relative; /* or fixed or absolute */

	float: left;

}



.print_foto_foto3x4 {

	width: 2.3cm;

	height: 3cm;

	/* background: url("https://www.fnel.org.br/painel/imagens/foto-3x4.jpg"); 

	background-size: 116px; */

	float: left;

}



#print_foto_qrcode_imagem {

	margin: 3.31cm 0 0 0.45cm;

    float: left;

	width: 14mm;

	height: 14mm;

    position: absolute;

}

#print_foto_qrcode_imagem_multi {

	margin: 0;

	padding: 41.0mm 0 0 6.0mm;

	width: 14mm;

	height: 14mm;

	float: left;

}

#print_foto_qrcode_imagem img, #print_foto_qrcode_imagem_multi img{

	width: 12mm;

	height: 12mm;

	margin: 0;

}



#print_foto_margem_esquerda {

	width: 5cm;

	height: 3.3cm;

	margin-top: 0.4cm;

	margin-left: 0.2cm;

	/*margin-left: 86px;*/

	float: left;

}



#print_foto_nome_completo {

	clear: both;

	width: 220px;

	height: 17px;

	float: left;

	font-weight: bold;

	overflow: hidden;

}



#print_foto_instituicao {

	margin-top: 6px;

	width: 210px;

	height: 15px;

	float: left;

	clear: both;

	font-weight: bold;

	overflow: hidden;

}



#print_foto_curso {

	margin-top: 6px;

	width: 210px;

	height: 15px;

	float: left;

	clear: both;

	font-weight: bold;

	overflow: hidden;

}



#print_foto_identidade {

	margin-top: 6px;

	width: 105px;

	height: 15px;

	float: left;

	clear: both;

	overflow: hidden;

	/* font-weight: bold;

	font-family: "Tahoma"; */

}



#print_foto_cpf {

	margin-top: 6px;

	width: 105px;

	height: 15px;

	float: left;

	clear: both;

	overflow: hidden;

	/* font-weight: bold;

	font-family: "Tahoma"; */

}



#print_foto_data_nascimento {

	margin-top: -15px;

	margin-left: 7px;

	width: 66px;

	height: 15px;

	float: left;

	font-family: "Tahoma";

	font-weight: bold;

	font-size: 7pt;

}



#print_foto_validade {

	margin-top: -15px;

	margin-left: 106px;

	width: 2cm;

	height: 15px;

	float: left;

	font-weight: bold;

	font-size: 9pt;

	font-family: "Verdana";

}



#print_foto_numero {

	margin-top: 0.5cm;

	margin-left: 32px;

	width: 100px;

	height: 16px;

	float: left;

	font-size: 9pt;

	font-family: "Arial Black";

	font-weight: bold;

	clear: both;

}



/*

*     Fim das medidas de configuração da carteira com foto

*/







/*CSS para impressão*/



@media print {

	#regua {

		display: none;

	}

	

	.cropControls, .cropControlsUpload {

		display: none;

	}

}



@page {

	#draggable3 {

		width: 6, 1cm;

		height: 3cm;

		background-color: red;

	}

}



.dta_nascimento {

	float: left;

	margin-right: 10px !important;

}



.aviso {

	color: red;

}



.aviso_ok {

	color: green;

	font-weight: bold;

}





#form_multi_cadastro input[type=text], #form_multi_cadastro input[type=password], #form_multi_cadastro input[type=email], #form_multi_cadastro input[type=date] {

    padding: .5em .6em !important;

    border: none !important;

	    box-shadow: none !important;

    -webkit-box-sizing: none !important;

}



#form_multi_cadastro_beneficiarios input[type=text], #form_multi_cadastro_beneficiarios input[type=password], #form_multi_cadastro_beneficiarios input[type=email], #form_multi_cadastro_beneficiarios input[type=date] {

    padding: .5em .6em !important;

    border: none !important;

	    box-shadow: none !important;

    -webkit-box-sizing: none !important;

}



#form_import_beneficiario input[type=text], #form_import_beneficiario input[type=password], #form_import_beneficiario input[type=email], #form_import_beneficiario input[type=date] {

    padding: .5em .6em !important;

    border: none !important;

	    box-shadow: none !important;

    -webkit-box-sizing: none !important;

}



.pure-table td, .pure-table th {

    border-left: 1px solid #cbcbcb;

    border-width: 0 0 0 1px;

    font-size: inherit;

    margin: 0 !important;

    overflow: visible;

    padding: 0 !important;

		font-size: 12px !important;

		text-align: center;

}



.pure-table thead td {

    font-weight: bold;

		text-align: center;

		padding .05em !important;

}



.pure-table td input {

	margin: 0 !important;

}



.area_botoes {

	margin-top: 20px;

	margin-left: 10px;

}



.rel_fnel {

	background: #8FBC8F;

	float: left;

	display: block;

	width: 1200px;

	margin: 10px 0 10px 0;

}

.rel_titulo {

	font-size: 16px;

	color: #FFF;

	background: #228B22;

	padding: 0 0 0 10px;

	

}

.rel_formatos {

	width: auto;

	height: auto;

	float: left;

	padding: 5px;

}

.rel_formato_titulo {

	padding: 0 0 0 5px;

	font-size: 13px;

	font-weight: bold;

}

.rel_formato_grupo_titulo {

	font-size: 12px;

	font-weight: bold;

}

.rel_grupos{

	background: #DCDCDC;

	width: 98px;

	height: auto;

	float: left;

	margin: 1px;

	padding: 5px;

}

.rel_grupo_campo {

	color: #2F4F4F;

	font-size: 11px;

}

.rel_grupo_valor {

	color: #FF0000	;

	font-size: 12px;

	font-weight: bold;

}

.rel_rodape_coluna {

	width: 300px;

	float: left;

}

.rel_rodape {

	margin: 0 0 40px 0;

  float: left;

}



#fb-button, .pluginLoginButton {

	width: 330px;

	height: 54px;

	background-image: url(https://www.fnel.org.br/painel/imagens/bfb.PNG);

	border: 0;

	padding: 0;

}



.pag_acesso {

	width: 1200px;

	padding: 20px 0 0 0;

}

.col-acesso1 {

	width: 600px;

    float: left;

    padding: 0 20px 0 0;

}

.col-acesso2 {

	width: 600px;

    float: left;

    padding: 0 0 0 20px;

}  



.acesso_linha {

	float: left;

	clear: both;

	width: 100%;

	margin: 30px 0 0 0;

}

.col-int-1 {

	width: 350px;

    float: left;

    padding: 0 20px 0 0;

	color: #166bae;

	font-size: 20px;

}

.col-int-1 p {

	font-size: 28px;

	font-weight: bold;

	text-align: center;

}

.col-int-2  {

	width: 850px;

    float: left;

    padding: 0 0 0 20px;

} 

.col-int-2-colu {

	width: 400px;

    float: left;

	margin: 0 25px 0 0;

}



.cart-lista-valor {

	margin: 20px 0 0 0;

}



.lista_carteira_info li {

	margin: 0 0 3px 0;

	line-height: 30px;

}



.lista_carteira_info .certo{

	background: url("https://www.fnel.org.br/painel/imagens/icon_certo.png") no-repeat;

	background-position: 0 5px;

	padding: 0 0 0 20px;

} 







.info_foto {

	font-size: 14px;

	float: left;

	margin: 0 0 0 20px;

}

.lista_foto_info li {

	margin: 0 0 3px 0;

	line-height: 22px;

}

.lista_foto_info .certo{

	background: url("https://www.fnel.org.br/painel/imagens/icon_certo.png") no-repeat;

	background-position: 0 3px;

	padding: 0 0 0 20px;

} 

.lista_foto_info .errado{

	background: url("https://www.fnel.org.br/painel/imagens/icon_errado.png") no-repeat;

	background-position: 0 3px;

	padding: 0 0 0 20px;

} 







.txt-login {

	line-height: 35px;

	margin: 0 0 40px 0;

}

.txt-login p {

	font-size: 22px;

	color: #666;

}



.login-col1 {

	width: 700px;

	float: left;

	padding: 10px 20px;

	margin: 0 0 30px 0;

}

.login-col2 {

	width: 500px;

	float: left;

	padding: 10px 20px;

	margin: 0 0 30px 0;

}



.cx_acesso_titulov2 {

	background: #016fc4;

	text-align: center;

	padding: 15px 0 15px 0;

	color: #FFF;

	font-size: 20px;

	border-radius: 10px;

}





.cx_acesso {

    

}

.cx_acesso_titulo {

	background: #016fc4;

	text-align: center;

	padding: 15px 0 15px 0;

	color: #FFF;

	font-size: 20px;

	border-radius: 10px;

}



.vl_neg {

	font-weight: bold;

	color:#0066ff;

}



.vl_pos {

	font-weight: bold;

	color:  #ff0000;

}





/* 

******************************************   

*        

*   CSS do Relatório 

*

******************************************

*/



.cx_rel_fnel {

	background: #f8f8f8;

	border: #bfbfbf solid 1px;

	float: left;

	display: block;

	width: 1200px;

	margin: 10px 0 10px 0;

}

.cx_rel_titulo {

	font-size: 22px;

	color: #4d4d4d;

	background: #d9d9d9;

	padding: 15px;

	border-bottom: #bfbfbf solid 1px;

	font-weight: bold;

}



.cx_rel_colunas {

	font-size: 16px;

	color: #4d4d4d;

	background: #e6e6e6;

	border-bottom: #bfbfbf solid 1px;

	width: 100%;

	height: 30px;

	line-height: 30px;

	display: block;

}

.cx_rel_coluna_formatos {

	border-right: #bfbfbf solid 1px;

	height: 30px;

	line-height: 30px;

	width: 250px;

	float: left;

}

.cx_rel_coluna_grupos {

	width: 250px;

	float: left;

}

.cx_rel_coluna_formatos span, .cx_rel_coluna_grupos span {

	padding: 0 0 0 15px;

	font-weight: bold;

}





.cx_rel_formatos {

	width: 100%;

	height: auto;

	float: left;

	clear: both;

	border-bottom: #bfbfbf solid 1px;

}



.cx_rel_formato_titulo_pai {

	position: relative;

	width: 250px;

	height: 100%;

	float: left;

}



.cx_rel_formato_titulo {

	width: 250px;

	float: left;

	padding: 35px 10px 0 15px;

	font-size: 16px;

}





.cx_rel_formatos_grupos {

	float: left;

	/* width: 950px; comentado por causa do bootstrap css */ 

	height: auto;

}



.cx_rel_formato_grupo_titulo {

	font-size: 16px;

	font-weight: bold;

	text-align: center;

}

.cx_rel_grupos{

	width: auto;

	height: auto;

	float: left;

	padding: 5px 10px 5px 10px;

	background: #f2f2f2;

	margin: 10px 5px 10px 5px ;

}

.cx_rel_grupo_qtd {

	width: 60px;

	height: 60px;

	float: left;

	margin-right: 10px;

}

.cx_rel_grupo_qtd .cx_rel_grupo_qtd_txt {

	font-size: 12px;

}

.cx_rel_grupo_qtd .cx_rel_grupo_qtd_valor {

	color: #FF0000	;

	font-size: 20px;

	font-weight: bold;

}



.cx_rel_grupo_valor {

	width: 160px;

	height: 60px;

	float: left;

}

.cx_rel_grupo_valor .cx_rel_grupo_valor_txt {

	font-size: 12px;

}

.cx_rel_grupo_valor .cx_rel_grupo_valor_valor {

	color: #FF0000	;

	font-size: 20px;

	font-weight: bold;

}



.cx_rel_grupo_btdetalhar {

	clear: both;

	text-align: center;

}





.cx_rel_rodape {

	font-size: 30px;

	color: #8c8c8c;

	margin: 0 0 30px 0;

	float: left;

}

.cx_rel_rodape span {

	padding: 15px 40px 20px 0;

}







/*

		Parte do CSS do novo formulário

*/



.imagem_carteira {

	width: 451px;

	height: 283px;

	margin: 0 50px 0 0;

	float: left;

background: url("/painel/imagens/bg_carteira2025-solicitacao-nonumero.png") no-repeat;

	background-size: 450px;

	clear: both;

}



.imagem_carteira_com_numero {

	width: 451px;

	height: 283px;

	margin: 0 50px 0 0;

	float: left;

	/*background: url("/painel/imagens/bg_carteira2019.png") no-repeat;*/

	background-size: 450px;

	clear: both;

}



.imagem_carteira_foto {

	width: 451px;

    height: 283px;

    margin: 20px 50px 0 0px;

    float: left;

    /*background: url("https://www.fnel.org.br/painel/imagens/bg_carteira2019.png");*/

    background-size: 331px;

    clear: both;

    background-position-x: 10px;

    background-repeat: no-repeat;

}



.form_carteira {

	width: 500px;

	float: left;

	padding: 0 20px 0 30px;

}



.foto3x4 {

	margin: 70px 3px 0 22px;

	width: 116px;

	height: 159px;

	float: left;

}



.imprimir_foto3x4 {

	margin: 55px 10px 0 29px;

	width: 116px;

	height: 159px;

	/* background: url("https://www.fnel.org.br/painel/imagens/foto-3x4.jpg"); 

	background-size: 116px; */

	float: left;

}



#aviso_foto {

	float: left;

	clear: both;

}



#foto3x4_img, .foto3x4 img {

	width: 116px !important;

	height: 148px !important;

}



.imagem_carteira .area_campos {

	margin: 88px 0 0 26px;

	font-weight: bold;

	text-transform: uppercase;

	width: 265px;

	height: 205px;

	float: left;

	font-size: 8pt;

}



.imagem_carteira .area_campos_cadastro {

	margin: 89px 0 0 36px;

	font-weight: bold;

	text-transform: uppercase;

	width: 265px;

	height: 205px;

	float: left;

	font-size: 8pt;

}



@media only screen and (max-width: 768px) {

	.imagem_carteira .area_campos,

	.imagem_carteira .area_campos_cadastro {

		clear: both;

		float: right;

		width: 100%;

		max-width: 292px;

		margin: -130px auto;

		font-size: 8pt; /* já reduz um pouco para caber melhor */

	}

}



/* Ajuste adicional para celulares em modo vertical (telas estreitas) */

@media only screen and (max-width: 480px) {

	.imagem_carteira .area_campos,

	.imagem_carteira .area_campos_cadastro {

		font-size: 7pt; /* ainda menor para evitar quebras */

		word-break: break-word; /* quebra palavras se necessário */

		padding: 5px; /* espaço interno reduzido */

	}

}



	

	.imagem_carteira .documento {

		margin: -3px 0 0 28px;

		/* height: 22px; */

		width: 110px;

		float: left;

		CLEAR: BOTH;

	}

	.imagem_carteira .cpf {

		margin: -21px 0px 0px 3px;

		/* height: 22px; */

		/* width: 95px; */

		float: left;

		clear: both;

		/* position: absolute;

	}

	.imagem_carteira .data_nascimento {

		margin: 18px 0 0 -90px;

		/* height: 22px; */

		float: left;

		/* width: 110px; */

		CLEAR: none;

	}

}

	

.imagem_carteira .nome {

	margin:0;

    height: 16px;

    float: left;

}

.imagem_carteira .instituicao {

	margin: 0;

    FLOAT: LEFT;

    height: 16px;

    CLEAR: BOTH;

}

.imagem_carteira .curso {

	margin: 0px 0 0 0;

    FLOAT: LEFT;

    height: 22px;

    CLEAR: BOTH

}

.imagem_carteira .documento {

	margin: -2px 0 0 28px;

	/* height: 22px; */

	width: 110px;

	float: left;

	CLEAR: BOTH;

}

.imagem_carteira .cpf {

	margin: -3px 0 0 27px;

	/* height: 22px; */

	/* width: 95px; */

	float: left;

	clear: both;

	/* position: absolute; */

}

.imagem_carteira .data_nascimento {

	margin: 16px 0 0 -79px;

	/*height: 22px;*/

	float: left;

	/* width: 110px; */

	CLEAR: none;

}

.imagem_carteira .validade {

	float: left;

		height: 22px;

	width: 110px;

	margin: 0 0 0 146px;

}

/*.imagem_carteira .numero {

	float: right;

	height: 22px;

	width: 189px;

	margin: 53px 0 0 -144px;

}*/



.imagem_carteira {

	position: relative; /* ESSENCIAL */

}



.imagem_carteira .numero {

	float: right;

	height: 22px;

	width: 189px;

	margin: 56px 0 0 -144px;

}



.imagem_carteira .qrcode {

	position: absolute;

	top: 221px;

	left: 48px;

}



@media only screen and (max-width: 768px) {

	.imagem_carteira .qrcode {

		position: relative;

		top: 221px;

		left: -86px;

	}

}



.imagem_carteira .qrcode img {

	height: 59px;

	width: 60px;

}



.cx_revisao {

	float: left;

	width: 600px;

}



.dados_pedido {

	float: left;

	clear: both;

	font-size: 20px;

	line-height: 30px;

}



.dados_pedido b {

	width: 180px;

	text-transform: initial;

	float: left;

	text-align: right;

	padding: 0 10px 0 0;

}



.dados_revisao {

	float: left;

	clear: both;

}



.dados_revisao b {

	width: 160px;

	text-transform: initial;

	float: left;

}



.pagina_cadastro {

	clear: both;

	margin: 30px 0 0 0;

}



.cadastroEtapas .cadastroEtapa div,

.solicitacoes .divAcoes h3,

.solicitacoes .divInfo h3,

.solicitacoes .divInfo p,

.solicitacoes .divStatus .etapas h3,

.solicitacoes .divStatus .etapas p.small,

.solicitacoes .titSecun {

	font-family: ralewaybold

}



.cadastroEtapas {

	height: 40px;

	margin-top: 20px;

	background: url(https://www.fnel.org.br/painel/imagens/bg-cinza.gif) center/100% 5px repeat-x

}



.suaFoto .cadastroEtapas {

	background: url(https://www.fnel.org.br/painel/imagens/bg-azul.gif) left/26% 5px no-repeat, url(https://www.fnel.org.br/painel/imagens/bg-cinza.gif) center/100% 5px repeat-x

}



.pagamento .cadastroEtapas {

	background: url(https://www.fnel.org.br/painel/imagens/bg-azul.gif) left/51% 5px no-repeat, url(https://www.fnel.org.br/painel/imagens/bg-cinza.gif) center/100% 5px repeat-x

}



.uploadDocumentos .cadastroEtapas {

	background: url(https://www.fnel.org.br/painel/imagens/bg-azul.gif) left/78% 5px no-repeat, url(https://www.fnel.org.br/painel/imagens/bg-cinza.gif) center/100% 5px repeat-x

}



.cadastroEtapas .cadastroEtapa {

	float: left;

	/* padding: 0 5px!important; */

	width: 25%

}



.cadastroEtapas .cadastroEtapa * {

	float: left

}



.cadastroEtapas .cadastroEtapa p {

	height: 100%;

	margin: 0;

	padding: 12px 10px;

	font-size: 12px;

	color: #ABACB2;

	background: #FFF

}



.cadastroEtapas .cadastroEtapa div {

	width: 28px;

	height: 28px;

	margin: 6px 0;

	font-size: 17px;

	text-align: center;

	color: #ABACB2;

	border-radius: 50%;

	background: #FFF;

	border: 4px solid #ABACB2;

	outline: #FFF solid 5px

}



.cadastroEtapas .cadastroEtapa.ativo div {

	width: 40px;

	/* height: 40px; */

	margin: 0;

	border: none;

	background: #337AB7;

	color: #FFF;

	font-family: ralewayregular;

	font-size: 17px;

	padding: 6px 0

}



.cadastroEtapas .cadastroEtapa.ativo p {

	/* font-family: ralewaybold; */

	color: #337AB7;

	font-weight: bold;

}



.divDadosPessoais h4,

.divDadosPessoais label {

	font-family: ralewaybold

}



.cadastroEtapas .cadastroEtapa.feito div {

	color: #337ab7;

	border-color: #337ab7

}



.cadastroEtapas .cadastroEtapa.feito p {

	color: #337ab7

}



#outerdiv

{

width:1200px;

height:1020px;

overflow:hidden;

position:relative;

	margin: 30px 0 0 0;

}



#inneriframe

{

position:absolute;

top:-268px;

width:1200px;

height:1121px;

	border: 0;

}









/* Módulo Mais Beneficios */



.col {

	width: 50%;

	float: left;

}

.col_none {

	width: 100%;

	clear: both;

}



#outros_descontos {

	display: none;

}



.bt_add {

	width: 15px;

	height: 15px;

	background: url("https://www.fnel.org.br/painel/imagens/bt_add.jpg");

	background-size: 15px;

	float: left;

	display: block;

}

.bt_delete {

	width: 15px;

	height: 15px;

	background: url("https://www.fnel.org.br/painel/imagens/bt_delete.png");

	background-size: 15px;

	float: left;

	display: block;

}



.oculto {

	display: none;

}

.visivel {

	display: ;

}



/* .clear {

  clear: both;

	float: left;

} */



.col-cart {

	width: 500px;

	float: left;

}



.col-form {

	width: 620px;

	float: right;

}



.form_solicitar_carteira {

	margin: 20px 0 0 0;

}



.icon_true {

	height: 20px;

	background-image: url("https://www.fnel.org.br/painel/imagens/icon_certo_errado.jpg");



}



.icon_false {

	height: 20px;

	background-image: url("https://www.fnel.org.br/painel/imagens/icon_certo_errado.jpg");



}



#lista_documentos {

	width: 100%;

	line-height:35px;

	float: left;

}



.lista_documentos_cx {

	width: 200px;

	float: left;

}



.lista_documentos_cx img {

	/* border: #000 solid 3px; */

}



#documento_view{

	width: 1000px;

	height: 700px;

	float: left;

}





/* CSS da página de impressão de endereços nos Envelopes */



#pag_envelope {

  width: 24.1cm;

  height: 10.5cm;  

  float: left;

  clear: both;

  font-size: 18pt;

/*  background-color: #999;

  border: red solid 1px; */

}

#area_imp_end {

  width: 517px;

  height: auto;  

  margin: 200px 0 0 1cm;

  float: left;

}



/* CSS da página de impressão de endereços nos Envelopes com transparencia */



#pag_envelope2 {

	width: 22.4cm;

	height: 11.4cm;  

	float: left;

	clear: both;

	font-size: 12pt;

	/* border-top: dashed 1px #333; */

	margin: 20.2cm 0 0 0;

  /*  background-color: #999;

	border: red solid 1px; */

  }

  #area_imp_end2 {

    width: 14cm;

    height: 4.5cm;

    margin: 6.5cm 0 0 5cm;

    float: left;

}



.carregando {

  background: url("https://www.fnel.org.br/painel/imagens/carregando.svg") no-repeat;

  width: 30px;

  height: 30px;

  background-size: 30px;

}





.foto_botoes {

  padding: 10px 0 0 0;

  float: left;

  width: 100%;

}



.et_pb_section .et_pb_fullwidth_section  .et_pb_section_0 .et_section_regular .et_pb_section_first {

	top: -80px;

}

.et_pb_section .et_pb_inner_shadow  .et_pb_section_1 .et_pb_with_background .et_section_regular {

	top: -80px;

}



.bloco-dados {

	margin: 20px 0 0 0;

}

.panel-heading {

	font-weight: bold;

}

.panel-body {

	padding: 20px;

}





#paymentMethodsOptions input[type="radio"], #holderDataChoice input[type="radio"]{

	visibility: hidden;

}



#paymentMethodsOptions img {

	margin: 0 !important;

	cursor: pointer;

	opacity: 0.2;

}



#paymentMethodsOptions img:hover  {

	opacity: 1;

}



.nav-pills li a {

	color: #000 !important;

} 



#navbar-mobile {

	display: none;

}



#botoes_painel_aluno li {

	float: left;

	margin: 10px;

}

#botoes_painel_aluno li .btn {

	width: 100%;

}





@media only screen and (max-width: 768px) {



   .et_pb_section .et_pb_fullwidth_section  .et_pb_section_0 .et_section_regular .et_pb_section_first {

		top: 0;

   }

   .et_pb_section .et_pb_inner_shadow  .et_pb_section_1 .et_pb_with_background .et_section_regular {

	top: 0;

	}

  .logo_container, .sobre_carteira {

	  display: none;

  }

  #conteudo, .acesso_linha, .login-col1, .login-col2, .col-cart, .col-form {

    float: left;

    width: 100% !important;

    margin-right:0;

    clear: both;

  }

   .col-xs-5, .col-xs-2, .col-xs-4, .col-xs-12, .col-xs-6, .col-xs-8 {

    float: left;

    width: 100% !important;

    margin:0;

    padding: 0;

    clear: both;

  }

  .col-int-1, .col-int-2 {

    float: left;

    width: 100% !important;

    margin:0 0 10px 0;

    padding: 0;

    clear: both;

  }

  .col-int-1 img {

    width: 100% !important;

  }

   .et_pb_row, .et_pb_column .et_pb_row_inner, .et_pb_fullwidth_header, .form-horizontal .form-group {

    margin:0;

    padding: 0;

  }

  #coluna-full, .cx_revisao, #coluna-esq {

    width: 90%;

    margin-left: 5%

  }

  .et_header_style_left #logo, .et_header_style_split #logo, #upload-image div {

    max-width: 100%;

  }

  .et_pb_section .et_pb_row, .et_pb_section.et_section_specialty .et_pb_row {

    top: -50px;

  }

  .et_pb_fullwidth_header {

	  display: none;

  }

  .imagem_carteira {

    float: left;

    width: 451px !important;

    margin-right:0;

    clear: both;

    background: url(https://www.fnel.org.br/painel/imagens/bg_carteira2025-solicitacao-nonumero.png); */

    background-repeat: no-repeat;

    background-size: 451px;

    cursor: move;

  }

  #foto3x4_mobile {

    display: block;

  }

  .form-group div {

    margin-bottom: 10px;

  }

  .col-sm-5 {

    width: 100%;

    float: left;

    clear: both;

    margin: 20px 0 0 0;

  }

  .carteira_cover {

    width: 100%;

    height: auto;

    overflow-x: auto;

  }

  .pagina_cadastro {

	margin: 22px 0 0 0;

  }

  .et_pb_section_1.et_pb_section {

     background-color: #ffffff !important;

  }

  .et_pb_inner_shadow {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

  }



  .maisbeneficiosiframe

	{

		display: none;

	}



	/** TEMPLATE NOVO 2019 */

	.elementor-368 .elementor-element.elementor-element-15ffa9f9.elementor-column .elementor-column-wrap {

		align-items: center;

		display: none;

	}



	.elementor-widget-form .elementor-field-group > label {

		font-family: "Roboto", Sans-serif;

		font-weight: 400;

		font-size: 14px;

	}

	

	.dropdown-menu{

		position:relative;

	}



	 #navbar-mobile {

		display: block;

	}



	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {

		margin-right: 0;

		margin-left: 0;

		padding-bottom: 10px;

		min-height: 91px;

	}



	.navbar-inverse {

		background-color:#FFF;

		border-color: #FFF;

	}



	.navbar-inverse .navbar-toggle {

		border-color: #333;

		background-color: #333;

	}



	.navbar-brand > img {

		display: block;

		height: 62px;

	}



	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {

		background-color: #FFF;

		padding: 30px;

		width: 100%;

		border: none;

	}



	.navbar {

		position: relative;

		min-height: 73px;

		margin-bottom: 20px;

		border: 1px solid transparent;

	}



	.nav li {

		line-height: 30px; 

	}



	.navbar-toggle {

		position: relative;

		float: right;

		padding: 9px 10px;

		margin-top: 36px;

		margin-right: 34px;

		margin-bottom: 8px;

		background-color: transparent;

		background-image: none;

		border: 1px solid transparent;

		border-radius: 4px;

	} 



	/* .navbar-brand > img {

		display: block;

		height: 62px;

	}

	.navbar-toggler:not(:disabled):not(.disabled) {

		cursor: pointer;

		float: right;

		margin: 20px;

	} */



	#botoes_painel_aluno li {

		float: left;

		clear: both;

		margin: 10px;

	}

	#botoes_painel_aluno li .btn {

		width: 100%;

	}



	h3 {

		font-size: 18px;

	}

}



@media only screen and (min-width: 1200px) {

 

}



/* =========================================

   PRÉVIA DA CARTEIRINHA (CADASTRO)

   Correção de direção: X -> direita | Y -> baixo

   Layout por coordenadas absolutas (451x283)

   ========================================= */



/* Palco da carteirinha */

.imagem_carteira,

.imagem_carteira_com_numero{

  position: relative !important;

  width: 451px;

  height: 283px;

  float: left;

  clear: both;



  background-repeat: no-repeat;

  background-size: 451px 283px;

  overflow: hidden; /* evita "vazar" */

}



/* Remove interferências globais (seu CSS antigo tem img { margin: 39px... }) */

.imagem_carteira img,

.imagem_carteira_com_numero img{

  margin: 0 !important;

  max-width: 100% !important;

}



/* Zera o layout antigo (floats/margens) SOMENTE dentro da prévia */

.imagem_carteira .area_campos,

.imagem_carteira .area_campos_cadastro,

.imagem_carteira .nome,

.imagem_carteira .instituicao,

.imagem_carteira .curso,

.imagem_carteira .cpf,

.imagem_carteira .documento,

.imagem_carteira .data_nascimento,

.imagem_carteira .validade,

.imagem_carteira .numero,

.imagem_carteira .qrcode,



.imagem_carteira_com_numero .area_campos,

.imagem_carteira_com_numero .area_campos_cadastro,

.imagem_carteira_com_numero .nome,

.imagem_carteira_com_numero .instituicao,

.imagem_carteira_com_numero .curso,

.imagem_carteira_com_numero .cpf,

.imagem_carteira_com_numero .documento,

.imagem_carteira_com_numero .data_nascimento,

.imagem_carteira_com_numero .validade,

.imagem_carteira_com_numero .numero,

.imagem_carteira_com_numero .qrcode{

  float: none !important;

  clear: none !important;

  margin: 0 !important;

}



/* ===========================

   Variáveis (ajuste fino)

   =========================== */

.imagem_carteira,

.imagem_carteira_com_numero{

  --fs-base: 12px;

  --fs-nome: 14px;



  /* FOTO */

  --x-foto:  17px;   --y-foto:  37px;

  --w-foto:  112px;  --h-foto:  146px;



  /* QR */

  --x-qr:  82,5px;     --y-qr:  39%;

  --w-qr:  165.5%;     --h-qr:  59px;



  /* TEXTOS */

  --x-nome: 9.0%;   --y-nome: 29%;



  --x-inst: 36%;   --y-inst: 68%;

  --x-curso: 36%;   --y-curso: 62%;



  /* CPF e NASC */

  --x-cpf:  45.5%;   --y-cpf:  36%;

  --x-nasc: 47.5%;   --y-nasc: 41%;



  /* COD. USO / CIE (número) */

  --x-num:  75.5%;   --y-num:  66.6%;

}



/* “container lógico” (não empurra nada) */

.imagem_carteira .area_campos_cadastro,

.imagem_carteira_com_numero .area_campos_cadastro{

  position: absolute !important;

  inset: 0;

  width: 100%;

  height: 100%;

  font-weight: 800;

  text-transform: uppercase;

  font-size: var(--fs-base);

  pointer-events: none;

}



/* ===========================

   FOTO (corrige foto gigante)

   =========================== */

.imagem_carteira #foto3x4_img.foto3x4,

.imagem_carteira_com_numero #foto3x4_img.foto3x4,

.imagem_carteira .foto3x4,

.imagem_carteira_com_numero .foto3x4{

  position: absolute !important;

  left: var(--x-foto) !important;

  top:  var(--y-foto) !important;

  width: var(--w-foto) !important;

  height: var(--h-foto) !important;



  overflow: hidden !important;

  border-radius: 8px;

  background: #fff;

}



.imagem_carteira #foto3x4_img.foto3x4 img,

.imagem_carteira_com_numero #foto3x4_img.foto3x4 img,

.imagem_carteira .foto3x4 img,

.imagem_carteira_com_numero .foto3x4 img{

  width: 100% !important;

  height: 100% !important;

  object-fit: cover !important;

  display: block !important;

}



/* ===========================

   QR CODE

   =========================== */

.imagem_carteira .qrcode,

.imagem_carteira_com_numero .qrcode{

  position: absolute !important;

  left: var(--x-qr);

  top:  var(--y-qr);

  width: var(--w-qr);

  height: var(--h-qr);

}

.imagem_carteira .qrcode img,

.imagem_carteira_com_numero .qrcode img{

  width: 100%;

  height: 100%;

  object-fit: contain;

  display: block;

}



/* ===========================

   TEXTOS (ABSOLUTO)

   =========================== */

.imagem_carteira .nome,

.imagem_carteira .instituicao,

.imagem_carteira .curso,

.imagem_carteirinha .cpf,

.imagem_carteira .cpf,

.imagem_carteira .data_nascimento,

.imagem_carteira .numero,



.imagem_carteira_com_numero .nome,

.imagem_carteira_com_numero .instituicao,

.imagem_carteira_com_numero .curso,

.imagem_carteira_com_numero .cpf,

.imagem_carteira_com_numero .data_nascimento,

.imagem_carteira_com_numero .numero{

  position: absolute !important;

  left: var(--x, 0px);

  top:  var(--y, 0px);



  font-size: var(--fs-base);

  font-weight: 800;

  color: #0b1324;



  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  max-width: 265px;

}



.imagem_carteira .nome,

.imagem_carteira_com_numero .nome{

  --x: var(--x-nome);

  --y: var(--y-nome);

  font-size: var(--fs-nome);

  font-weight: 900;

}



.imagem_carteira .instituicao,

.imagem_carteira_com_numero .instituicao{

  --x: var(--x-inst);

  --y: var(--y-inst);

}



.imagem_carteira .curso,

.imagem_carteira_com_numero .curso{

  --x: var(--x-curso);

  --y: var(--y-curso);

}



.imagem_carteira .cpf,

.imagem_carteira_com_numero .cpf{

  --x: var(--x-cpf);

  --y: var(--y-cpf);

  text-transform: none;

}



.imagem_carteira .data_nascimento,

.imagem_carteira_com_numero .data_nascimento{

  --x: var(--x-nasc);

  --y: var(--y-nasc);

  text-transform: none;

}



.imagem_carteira .numero,

.imagem_carteira_com_numero .numero{

  --x: var(--x-num);

  --y: var(--y-num);

  font-weight: 900;

  text-transform: none;

}



/* ===========================

   Ocultar RG/documento nessa prévia

   =========================== */

.imagem_carteira .documento,

.imagem_carteira_com_numero .documento{

  display: none !important;

}



/* ===========================

   Responsivo: mantém ABSOLUTO e só escala

   =========================== */

@media (max-width: 768px){



  .imagem_carteira,

  .imagem_carteira_com_numero{

      width: 100% !important;

      max-width: 451px;

      height: auto;

      aspect-ratio: 451 / 283;



      transform: none !important;

      margin: 0 auto !important;

      margin-bottom: 0 !important;

  }



}



/* =========================================================

   PAINEL - PRIMEIRO ACESSO (RESPONSIVIDADE REAL)

   Cole NO FINAL do style.css GLOBAL do /painel

========================================================= */



@media (max-width: 1024px){



  /* Força as colunas (col-xs-*) virarem 100% */

  .pagina_cadastro [class^="col-xs-"],

  .pagina_cadastro [class*=" col-xs-"],

  #conteudo .pagina_cadastro [class^="col-xs-"],

  #conteudo .pagina_cadastro [class*=" col-xs-"]{

    float: none !important;

    width: 100% !important;

    max-width: 100% !important;

    display: block !important;

  }



  /* Evita “aperto” e garante alinhamento */

  .pagina_cadastro .form-group{

    margin-left: 0 !important;

    margin-right: 0 !important;

  }



  .pagina_cadastro label{

    display:block !important;

    margin: 10px 0 6px !important;

    font-weight: 700;

  }



  /* Inputs realmente 100% e com tamanho confortável */

  .pagina_cadastro .form-control{

    width: 100% !important;

    max-width: 100% !important;

    height: auto !important;

    padding: 12px 12px !important;

    font-size: 16px !important; /* evita zoom iPhone */

    border-radius: 10px !important;

    box-sizing: border-box !important;

  }



  /* Botões também */

  .pagina_cadastro button,

  .pagina_cadastro input[type="submit"]{

    width: 100% !important;

    padding: 14px 14px !important;

    font-size: 16px !important;

    border-radius: 10px !important;

  }



  /* Imagens/prévia */

  .pagina_cadastro img{

    max-width: 100% !important;

    height: auto !important;

  }

}



/* =========================================================

   PATCH EXTRA - PRIMEIRO ACESSO

   (quando float não é o que manda no layout)

========================================================= */

@media (max-width: 1024px){



  /* Alguns layouts usam wrapper com flex/grid (mantém 3 colunas). Força empilhar */

  .pagina_cadastro .col-form,

  #conteudo .pagina_cadastro .col-form{

    display: block !important;

    width: 100% !important;

  }



  /* Se existir display:flex na linha do formulário, derruba pra coluna */

  .pagina_cadastro .form-horizontal,

  .pagina_cadastro .form-horizontal .form-group,

  #conteudo .pagina_cadastro .form-horizontal,

  #conteudo .pagina_cadastro .form-horizontal .form-group{

    display: block !important;

    width: 100% !important;

  }



  /* Garante que colunas não fiquem inline-block ou flex-item com tamanho fixo */

  .pagina_cadastro [class^="col-xs-"],

  .pagina_cadastro [class*=" col-xs-"],

  #conteudo .pagina_cadastro [class^="col-xs-"],

  #conteudo .pagina_cadastro [class*=" col-xs-"]{

    display: block !important;

    flex: none !important;

    grid-column: 1 / -1 !important;

  }

}



/* =========================================================

   PAINEL - LOGIN (DESKTOP): campos maiores e alinhados

========================================================= */

@media (min-width: 992px){



  /* Dá mais largura útil pro card do login */

  .fnel-login-container{

    max-width: 1040px !important;

  }



  /* Coluna do login ocupa mais (a outra coluna está vazia) */

  .fnel-login-col{

    flex: 1 1 720px !important;

    min-width: 520px !important;

  }



  /* Grid do form: email | senha | botão (com mais espaço pros inputs) */

  .fnel-login-form .fnel-row{

    grid-template-columns: 1.6fr 1.2fr minmax(200px, 260px) !important;

    gap: 16px !important;

  }



  /* Inputs maiores (visual) */

  .fnel-login-form input[type="email"],

  .fnel-login-form input[type="password"]{

    padding: 14px 14px !important;

    font-size: 16px !important;

    border-radius: 12px !important;

  }



  /* Botão mais alto e proporcional */

  .fnel-login-btn{

    padding: 14px 16px !important;

    font-size: 16px !important;

    border-radius: 12px !important;

  }

}



/* =========================================================

   PATCH VISUAL SEGURO - GERENCIAR CARTEIRAS

   Não altera backend, impressão ou lógica PHP

========================================================= */



/* Melhora leitura geral do painel */

body {

    background: #f4f6f9;

    color: #263238;

}



/* Área principal mais limpa */

#conteudo {

    width: 100%;

    box-sizing: border-box;

}



#coluna-full {

    width: 100%;

    box-sizing: border-box;

}



/* Cabeçalho da página */

.page-header {

    margin: 0 0 18px 0;

    padding: 14px 18px;

    background: #ffffff;

    border: 1px solid #e5e7eb;

    border-radius: 10px;

    box-shadow: 0 2px 8px rgba(15, 42, 68, 0.06);

}



.page-header h1 {

    margin: 0;

    color: #0f2a44;

    font-size: 24px;

    font-weight: 700;

}



/* Filtros */

.pure-form fieldset {

    background: #ffffff;

    border: 1px solid #e5e7eb;

    border-radius: 10px;

    padding: 14px 16px;

    margin-bottom: 16px;

    box-shadow: 0 2px 8px rgba(15, 42, 68, 0.05);

}



.pure-form label {

    font-weight: 600;

    color: #334155;

    margin-right: 6px;

}



.pure-form input,

.pure-form select {

    border: 1px solid #cbd5e1 !important;

    border-radius: 8px !important;

    padding: 7px 9px !important;

    box-shadow: none !important;

}



/* Container da lista */

.container_lista {

    width: 100%;

    box-sizing: border-box;

}



/* Card da carteira */

.item_lista {

    width: 100%;

    min-height: 265px;

    height: auto !important;

    margin: 0 0 18px 0;

    clear: both;

    float: left;

    overflow: visible !important;

    background: #ffffff;

    border-radius: 12px;

    border: 1px solid #e5e7eb !important;

    box-shadow: 0 3px 12px rgba(15, 42, 68, 0.08);

}



/* Conteúdo do card */

.item_lista_conteudo {

    clear: both;

    padding: 14px 16px;

    width: 100%;

    float: left;

    min-height: 170px;

    height: auto !important;

    box-sizing: border-box;

}



/* Título do card */

.item_lista_titulo {

    width: 100%;

    min-height: 34px;

    height: auto !important;

    line-height: 20px;

    padding: 8px 16px;

    clear: both;

    float: left;

    display: block;

    box-sizing: border-box;

    font-size: 13px;

    font-weight: 600;

    border-radius: 12px 12px 0 0;

}



/* Cores mais modernas, mantendo identificação atual */

.vendedor {

    background-color: #0f766e;

    color: #ffffff;

}



.aluno {

    background-color: #facc15;

    color: #0f2a44;

}



.stb {

    background-color: #16a34a;

    color: #ffffff;

}



.aluno_c {

    background-color: #94a3b8;

    color: #ffffff;

}



.vendedor_b,

.aluno_b,

.stb_b,

.aluno_c_b {

    border-width: 1px !important;

}



/* Pedido / coluna esquerda */

.id_pedido {

    width: 220px;

    min-height: 200px;

    height: auto !important;

    float: left;

    box-sizing: border-box;

}



.txt_id {

    font-size: 15px;

    color: #0f2a44;

    line-height: 24px;

    font-weight: 700;

}



.txt_data_pedido {

    font-size: 12px;

    color: #475569;

    line-height: 22px;

}



/* Área de botões */

.txt_pagamento {

    margin-top: 8px;

    display: flex;

    flex-wrap: wrap;

    gap: 6px;

    align-items: center;

}



/* Botões do painel */

.btn,

.pure-button {

    border-radius: 8px !important;

    border: none !important;

    font-weight: 600;

    transition: all 0.15s ease-in-out;

}



.btn:hover,

.pure-button:hover {

    opacity: 0.92;

    transform: translateY(-1px);

}



/* Botão verde */

.btn-success,

.bot_verde {

    background-color: #16a34a !important;

    color: #ffffff !important;

}



/* Botão vermelho */

.bot_vermelho {

    background-color: #dc2626 !important;

    color: #ffffff !important;

}



/* Botão primário */

.btn-primary {

    background-color: #2563eb !important;

    color: #ffffff !important;

}



/* Botão alerta */

.btn-warning {

    background-color: #f59e0b !important;

    color: #111827 !important;

}



/* Dados da carteira */

.dados_carteira {

    width: 42%;

    min-width: 320px;

    min-height: 210px;

    height: auto !important;

    float: left;

    padding: 0 12px;

    box-sizing: border-box;

}



.txt_nome {

    font-size: 18px;

    color: #0f2a44;

    font-weight: 700;

    line-height: 24px;

    margin-bottom: 8px;

}



.txt_nome a {

    color: #0f2a44;

}



.txt_validade {

    color: #334155;

    font-size: 13px;

    line-height: 23px;

}



.txt_atencao {

    color: #dc2626;

    font-weight: 700;

    font-size: 14px;

}



.aviso {

    color: #dc2626;

    font-weight: 700;

}



/* Coluna de impressão / ações */

.coluna_impressao {

    min-height: 200px;

    height: auto !important;

    float: right;

    margin: 18px 10px 0 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 6px;

    max-width: 300px;

}



.coluna_impressao a,

.coluna_impressao img,

.coluna_impressao div {

    margin: 0 !important;

}



/* Ícones grandes */

.bt_editar_grande,

.bt_excluir_grande,

.imprimir_foto,

.imprimir_foto_itta,

.imprimir_selo_dados,

.imprimir_selo_dados_ok,

.impresso1,

.impresso2 {

    border-radius: 10px;

    overflow: hidden;

}



/* Selecionar selo */

.imp_selo {

    text-align: center;

    float: left;

    background: #f8fafc;

    border: 1px solid #e5e7eb;

    border-radius: 8px;

    padding: 6px;

    margin-top: 4px;

}



/* Paginação */

#navegacao {

    clear: both;

    margin: 20px 0;

    padding: 12px;

    background: #ffffff;

    border: 1px solid #e5e7eb;

    border-radius: 10px;

}



#navegacao a {

    color: #2563eb;

    font-weight: 600;

}



/* Responsivo leve para gerenciar carteiras */

@media only screen and (max-width: 900px) {



    .item_lista {

        min-height: auto;

    }



    .item_lista_conteudo {

        display: block;

    }



    .id_pedido,

    .dados_carteira,

    .coluna_impressao {

        width: 100% !important;

        min-width: 0;

        float: left;

        clear: both;

        margin: 10px 0 0 0;

    }



    .coluna_impressao {

        justify-content: flex-start;

        max-width: 100%;

    }



    .txt_pagamento {

        display: flex;

        flex-wrap: wrap;

        gap: 6px;

    }



    .txt_pagamento .btn {

        margin-bottom: 4px;

    }

}

/* MOBILE */
@media (max-width: 768px) {

    .validador-card {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
    }

    .carteira-cover {
        overflow-x: auto;
    }

    .imagem_carteira,
    .imagem_carteira_com_numero {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        transform: scale(1);
    }

    .foto3x4 {
        width: 80px !important;
        height: auto !important;
    }

    .qrcode {
        width: 70px !important;
        height: 70px !important;
    }

    .area_campos,
    .area_campos_cadastro {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 5px;
    }

    .nome,
    .instituicao,
    .curso,
    .cpf,
    .documento,
    .data_nascimento,
    .validade,
    .numero {
        width: 100% !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        margin: 0 !important;
        font-size: 12px !important;
    }

    .imagem_carteira_com_numero .qrcode {
        position: relative !important;
        right: auto !important;
        top: auto !important;
        margin-top: 10px;
    }

    .validador-card button,
    .validador-card a {
        width: 100%;
        margin-bottom: 8px;
    }
}