@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: 0 5px 0 0;
}

#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: 200px;
	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;
	height: 200px;
	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: -3px 0 0 27px;
		/* 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) {
 
}