@charset "iso-8859-1";
/* CSS Document */
* {
	margin:0;
	padding:0;
}

a {text-decoration:none;
	outline:none;
}

img {border: none;}


#geral {
	width:100%;
	margin:auto;
	background:url(../img/bg_geral.jpg) repeat-x top;
	display:table;
}

body {
	margin:auto;
	width:100%;
}

#topo {
	background:url(../img/bg_topo.jpg) repeat-x;
	display:table;
	width:100%;
	margin:auto;
	height:148px;
}

#logo {
    float: left;
    margin: 20px 47px;
    width: 20%;
}

#conteudo {
	width:100%;
	margin:auto;
	display:table;
}

#topo_caixa_login {
	background:url(../img/topo_login.png) no-repeat;
	width:909px;
	height:39px;
	margin:60px auto 0;
	
}

.tit_caixa_login {
	font:bold 16px Arial, sans-serif;
	color:#fff;
	float:right;
	display:table;
	margin:11px 25px 0 0;
}

#caixa_login {
	background:url(../img/bg_caixa_login.jpg) repeat-x bottom;
	width:907px;
	height:400px;
	margin:auto;
	display:table
}

#conteudo_caixa_login {
	background-color:#fff;
	width:907px;
	height:400px;
	margin:auto;
	border:#404040 1px solid;
}

#topo_caixa_menor {
	background:#FF0F4F;
	margin:67px auto 0;
	width:495px;
	height:26px;
}

.tit_caixa_menor {
	background:url("../img/boneco.png") no-repeat scroll left center transparent;
	color:#FFFFFF;
	font:bold 14px/17px Arial, sans-serif;
	margin-left:16px;
	padding-left:27px;
	padding-top:8px;
}

#caixa_menor {
	background:url("../img/bg_caixa_login.jpg") repeat-x scroll center bottom transparent;
	border:1px solid #333333;
	height:200px;
	margin:auto;
	padding-top:30px;
	width:493px;
}

.lgn {
	display:block;
	margin-left:60px;
	width:300px;	
}

.login {
	font:bold 14px Arial, sans-serif;
	float:right;
	margin-bottom:18px;
}

.login input {
	margin-left:2px;
}

.botaologin {
	background:#FF0F4F;
	width:57px;
	height:22px;
	border:none;
	float:right;
	color:#fff;
	font:12px Arial, sans-serif;
	padding-bottom:5px;
}

/* interna */

#geral2 {
	width:100%;
	margin:auto;
	display:table;
}

#topo_2 {
	background: url("../img/bg_topo_2.jpg") repeat-x scroll 0 0 transparent;
    display: table;
    height: 69px;
    margin: auto;
    width: 100%;
}

#info_topo {
    float: right;
    margin-right: 30px;
    margin-top: 15px;
    width: 15%;
}

.jclock {
  color: #ff0;
  float: left;
  font-size: 20px;
  font-weight: bold;
  padding: 21px;
  text-align: right;
  width: 23%;
  font-family: 'Roboto', sans-serif;
}

#img_panico {
	
	float:left;
}

#bem_vindo {
    float: left;
    margin: 5px 0;
    text-align: right;
    width: 14%;
}

#minha_conta {
	float:left;
	width:auto;
	background:url(../img/boneco.png) no-repeat left;
	padding:10px 0 0 26px;
	
}

#logoff {
	background:url("../img/btn_logoff.png") no-repeat scroll left center transparent;
	float:left;
	margin:9px 0 0 25px;
	padding-left:21px;
	width:auto;
}

.p_topo,.p_topo a {
	color:#fff;
	font: bold 12px Arial, sans-serif;
	line-height:21px;
}

#menu {
	background:url(../img/bg_menu.jpg) repeat-x;
	width:100%;
	height:50px;
	display:table;
	margin-bottom:10px;
}

#menu ul {
	margin:8px 0 0 46px;
}

.menu_inicio {
	display:inline;
	font:12px Arial, sans-serif;
	color:#fff;
	height:24px;
}

.menu_item {
	background:url("../img/div_menu.jpg") no-repeat scroll left center transparent;
	display:inline;
	font:12px/31px Arial, sans-serif;
	margin-left:11px;
	padding:0 0 0 23px;
}

#menu a {
	color:#fff;
}

#tabela {
	background-color:#E2EBF0;
	margin:auto;
	width:95%;
}



#topo_tabela {
	background-color:#E2EBF0;
	display:table;
	margin:auto;
	width:95%;
}

#base_tabela {
	background-color:#E2EBF0;
	display:table;
	margin:0 auto;
	width:95%;
}

#canto1{
	float:left;
}

#canto2 {
	float:right;
}

#canto3{
	float:left;
}

#canto4 {
	float:right;
}


#tit_tabela {
	float:left;
	margin:10px 0 10px 24px;
	width:auto;
}

#tit_tabela p{
	font:bold 12px Arial, sans-serif;
}

#tit_tabela_devolucao {
    float: left;
    margin: 10px 0 10px 24px;
    width: 95%;
}

#tit_tabela_devolucao p {
    color: #FF0F4F;
    font: bold 30px Arial, sans-serif;
    text-align: center;
}

#busca {
	width:auto;
	float:right;
	margin:7px 24px;
}

.busca {
	font:bold 12px Arial, sans-serif;
}

.busca input, select{
	font-size: 10px;
}

.btn_busca {
	background:url("../img/bg_btn.jpg");
	border:none;
	font:bold 10px Arial, sans-serif;
	color:#fff;
	height:21px;
	width:36px;
	text-align:center;
}

#conteudo_tabela {
	border: 1px solid #000000;
    clear: both;
    display: table;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-top: 10px;
    width: 97%;
}


#conteudo_tabela th {
	font:bold 12px Arial, sans-serif;
	color:#fff;
	height:20px;
	text-align:left;
	padding-left:5px;
	
	border: 2px ridge #FFFFFF;
    border-collapse: separate;
    border-spacing: 2px;
	
}

#conteudo_tabela td {
	border: 2px ridge #FFFFFF;
    border-collapse: separate;
    border-spacing: 2px;
}

.tit_col {
	background-color: #FF0F4F;
    border: 1px solid;
    height: 20px;
    width: 100%;
}

.col_1 {
	height:20px;
	background-color:#EAF1F5;
}

.col_2 {
	height:30px;
}

.dados {
	
    font: 10px Arial, sans-serif;
    padding-left: 5px;
    width: 386px;
}

.btn_editar , .btn_editar a {
	background:url(../img/bg_btn.jpg) repeat-x;
	color:#CCC;
	font:12px Arial, sans-serif;
	width:70px;
	height:18px;
	display:block;
	text-align:center;
	padding-top:1px;
}

.btn_apagar {
	width:100px;
}

.btn_apagar a {
	background-color:#C80203;
	color:#FFFFFF;
	float:left;
	font:12px Arial, sans-serif;
	height:18px;
	margin-top:1px;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	margin-left:2px;
}

#voltar {
	width:35%;
	float:left;
	margin:15px 0 0 54px;
}

#voltar a {
	font:bold 12px Arial, sans-serif;
	color:#000;
}

.total {
	color:#FF0F4F;
	font:bold 13px Arial, sans-serif;
	margin:15px 54px 10px 0;
	text-align:right;
}

#btn_adicionar{
	width:140px;
	background:url(../img/bg_btn.jpg) repeat-x;
	height:21px;
	margin:0px auto;
	text-align:center;
	padding-top:3px;
}

#btn_adicionar p, #btn_adicionar a {
	color:#CCC;
	font:12px Arial, sans-serif;
	display:block;
}


#somatorio {
	border: 1px solid #000000;
    float: right;
    margin-right: 32px;
	
}


#somatorio th {
	background-color: #0063C6;
    color: #FFFFFF;
    display: block;
    font: bold 12px Arial, sans-serif;
    margin-right: 10px;
    padding: 10px;
    text-align: right;
}

#somatorio td {
	font: bold 11px Arial, sans-serif;
    width: 100px;
}
	

/* tela de cadastro */
#topo_caixa_menor_cadastro {
	background:#FF0F4F;
	margin-bottom:20px;
}

.tit_caixa_menor_cadastro {
	background:url("../img/ico.png") no-repeat scroll left center transparent;
	color:#FFFFFF;
	font:bold 14px/17px Arial, sans-serif;
	margin-left:16px;
	padding-left:36px;
	padding-top:8px;
}

#caixa_menor_cadastro {
	background:url("../img/bg_caixa_login.jpg") repeat-x scroll center bottom transparent;
	border:1px solid #333333;
	display:table;
	margin:0 auto;
	padding-bottom:30px;
}

.lgn_cadastro {
	float:left;
	margin-left:30px;
	margin-right:30px;
	width:330px;
	
}

.login_cadastro {
	font:bold 12px Arial, sans-serif;
	float:left;
	margin-bottom:18px;
}

.login_cadastro input {
	margin-left:2px;
	width:210px;
	font: 11px Arial, sans-serif;
}

.login_cadastro select {
	margin-left:2px;
	width:214px;
	font: 11px Arial, sans-serif;
}


.botaologin_cadastro {
	background:#FF0F4F;
	width:80px;
	height:22px;
	border:none;
	float:right;
	color:#fff;
	font:12px Arial, sans-serif;
	padding-bottom:5px;
	margin-left:50px;
}

.botaologin_cancelar {
	 background-color: #FF0000;
    border: medium none;
    color: #FFFFFF;
    float: left;
    font: 12px Arial, sans-serif;
    height: 22px;
    margin-left: 50px;
    padding-bottom: 5px;
    width: 70px;
}

.lista_campos {
	float:left;
	list-style:none outside none;
	margin-left:60px;
	width:300px;
}

.lista_campos li{
	float:left;
	font:12px Arial, sans-serif;
	margin-top:3px;
	width:150px;
}

li {
	margin-left:10px;
	list-style:none;
	font:bold 12px Arial, sans-serif;
	margin-top:3px;
}

.titulo_permissao {
	border-bottom:1px solid #000000;
	margin-top:10px;
}

fieldset {
	border:none;	
}

h1 {
	border-bottom:2px solid #015CB9;
	font:bold 14px Arial, sans-serif;
	margin-bottom:10px;
}

.titulo_campo {
	float:left;
	text-align:right;
	width:110px;
}

.campo {
	color:#FF0F4F;
	float:left;
	padding-left:10px;
	text-align:left;
	width:200px;
}


/* fim tela de cadastro */


/* filtro topo*/


#filtro_topo {
	width:auto;
	float:right;
	margin:7px 24px;
}

.filtro_topo {
	font:bold 12px Arial, sans-serif;
	float:left;
}

.lista_campos_topo {
	float:left;
	list-style:none outside none;
	margin-left:10px;
	width:727px;
}

.lista_campos_topo li{
	float:left;
	font:12px Arial, sans-serif;
	margin-top:3px;
	width:120px;
}

/* fim filtro topo*/


.error {
	color:#FF0F4F;
	float:right;
	font-size:smaller;
}

.titulo {
	font:bold 14px Arial, sans-serif;
	margin-left:34px;
}


/* PAGINACAO */
#paginacao {
	text-align:center;
	display:block;
	width:100%;
	/*float:left;*/
	margin-top: 10px;
	height: 30px;
}
.paginate {
	font-family: Arial, sans-serif;
	font-size: 11px;
}
a.paginate {
	border: 1px solid #666666;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
	color: #666666;
}
a.paginate:hover {
	background-color:#666666;
	color: #FFF;
	text-decoration: underline;
}

a.current {
	border: 1px solid #666666;
	font: bold 11px Arial, sans-serif;
	padding: 2px 6px 2px 6px;
	cursor: default;
	background:#666666;
	color: #FFF;
	text-decoration: none;
}

span.inactive {
	border: 1px solid #666666;
	font-family: Arial, sans-serif;
	font-size:11px;
	padding: 2px 6px 2px 6px;
	color: #666666;
	cursor: default;
}
/*fim paginacao*/



/* leganda */ 

#legenda {
	float:left;
	margin-left:30px;
	margin-top:5px;
	width:60%;
}

#legenda li{
	float:left;
	font:bold 12px Arial, sans-serif;
	list-style:none outside none;
	margin-right:10px;
	width:100%;
}

#pendente {
	/*background-color:#fff;*/
	border:1px solid #000000;
	display:block;
	float:left;
	height:20px;
	width:30px;
	margin-right:5px;
}

#cancelado {
	background-color:#900;
	border:1px solid #000000;
	display:block;
	float:left;
	height:20px;
	width:30px;
	margin-right:5px;
	
}

#aceito {
	background-color:#6C0;
	border:1px solid #000000;
	display:block;
	float:left;
	height:20px;
	width:30px;
	margin-right:5px;
}

#reconvertido {
	background-color:#F90;
	border:1px solid #000000;
	display:block;
	float:left;
	height:20px;
	width:30px;	
	margin-right:5px;
}

.texto_legenda {
	float:left;
	margin-top:3px;
}




/* fim legenda*/


/* Detalhe de remessa*/

#titulo_detalhe_remessa {
	
	float: right;
    margin-right: 16px;
}

#remessador_detalhe_remessa {
	font: bold 16px Arial, sans-serif;
    text-align: center;
	
}
#numero_detalhe_remessa {
	color: #FF0F4F;
    font: bold 12px Arial, sans-serif;
}

/* fim Detalhe de remessa*/

/* remessa pagador*/


#pagador_enviar_esquerda {
	float:left;
	width:60%;
	
}
#pagador_enviar_direita {
	float:left;
	width:39%;
	border-left:1px solid #000000;
}

#tabela_pagador {
    background-color: #E2EBF0;
    margin: auto;
    width: 97%;
}

#conteudo_tabela_pagador {
    border: 1px solid #000000;
    clear: both;
    display: table;
    width: 100%;
}

#conteudo_tabela_pagador th {
    font: bold 12px Arial, sans-serif;
    height: 20px;
    padding-left: 5px;
	
	border: 2px ridge #FFFFFF;
    border-collapse: separate;
    border-spacing: 2px;
}

#conteudo_tabela_pagador td {	
	border: 2px ridge #FFFFFF;
    border-collapse: separate;
    border-spacing: 2px;
}

.dados_pagador {
    border: 1px solid;
    font: 10px Arial, sans-serif;
    padding-left: 5px;
    width: 386px;
}

.dados_pagador_numero {
    border: 1px solid;
    font: 10px Arial, sans-serif;
    padding-left: 5px;
    width: 386px;
	text-align:center;
}

.dados_pagador_moeda {
    border: 1px solid;
    font: 10px Arial, sans-serif;
    padding-left: 5px;
    width: 386px;
	text-align:right;
}

/* fim remessa pagador*/


.edit{
	background-color: #FF0000;
    color: #FFFFFF;
    float: left;
    text-align: center;
    width: 40px;	
}


.cancelar_rollback {
	background-color: #E2EBF0;
    font: bold 13px Arial, sans-serif;
    width: 50%;
	float:left;
	
}
.cancelar {
	background-color: #FF0000;
    color: #FFFFFF;
}

.rollback {
	background-color: #00CCFF;
}

.rollback_foto {
	background-color: #009900;
}

.devolver {
	background-color: #E6B800;
}

.lista_negra {
	background-color: #000;
	color:#FFF
}


#marcar_paga {
	background-color: #009900;
    float: left;
    height: 23px;
    margin-left: 20px;
    padding-top: 10px;
    text-align: center;
    width: 50%;
	color: #FFFFFF;
    font: bold 14px Arial, sans-serif;
}

#nao_pagar {
	background-color: #FFCC00;
    float: left;
    height: 23px;
    padding-top: 10px;
    text-align: center;
    width: 47%;
	color: #000000;
    font: bold 14px Arial, sans-serif;
}




#marcar_selecionadas {
	display: table;
    font: bold 12px Arial, sans-serif;
    margin-top: 10px;
    text-align: center;
    width: 97%;	
}

#excel_pdf {
	display: table;
    width: 100%;	
}

#gerar_pdf {
	display: table;
    float: right;
    font: bold 12px Arial, sans-serif;
    margin-top: 10px;
}

#gerar_pdf a{
   display: block;
   float: left;
   width: 140px;
}

.excel {
	float: left;
    margin: 5px 0 0 10px;
}

.pdf {
	float: left;
    margin: 5px 0 0 10px;
}

#gerar_pdf a img{
	vertical-align:middle;	
}

.botao_marcar {
	background: #FF0F4F scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    font: 12px Arial, sans-serif;
    margin-left: 5px;
	padding:2px;
}


.lista_radio {
	float: right;
    width: 210px;
}

/* Extrato */

#topo_tabela_extrato {
	background-color:#E2EBF0;
	display:table;
	margin:auto;
	width:60%;
}

#base_tabela_extrato {
	background-color:#E2EBF0;
	display:table;
	margin:0 auto;
	width:60%;
}

#tabela_extrato {
    background-color: #E2EBF0;
    margin: auto;
    width: 60%;
}

#conteudo_tabela_extrato {
    border: 1px solid #000000;
    clear: both;
    display: table;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 10px;
    width: 97%;
}

#conteudo_tabela_extrato th {
	font:bold 12px Arial, sans-serif;
	color:#fff;
	height:20px;
	text-align:left;
	padding-left:5px;
	
	border: 2px ridge #FFFFFF;
    border-collapse: separate;
    border-spacing: 2px;
	
}

#conteudo_tabela_extrato td {
    border: 2px ridge #FFFFFF;
    border-collapse: separate;
    border-spacing: 2px;
    font-size: 12px;
}

#somatorio_extrato {
	border: 1px solid #000000;
    float: right;
    margin-right: 20%;
	
}

#somatorio_extrato th {
	background-color: #0063C6;
    color: #FFFFFF;
    display: block;
    font: bold 12px Arial, sans-serif;
    margin-right: 10px;
    padding: 10px;
    text-align: right;
}

#somatorio_extrato td {
	font: bold 11px Arial, sans-serif;
    width: 100px;
}

/* fim Extrato */


#busca_cria_remessa {
    float: left;
    margin: 7px 0 0 5px;
    width: auto;
}

/* cor das legendas */

.col_amarelo {
	background-color:#999;
}

.col_amarelo2 {
	background-color:#FF0;
}

.col_azul{
	background-color:#0CF;
}

.col_laranja{
	background-color:#E6B800;
}

.col_vermelha{
	background-color:#F00;
	font-weight:bold;
	color:#FFF;
}

.col_marrom{
	background-color:#8B4513;
	font-weight:bold;
	color:#FFF;
}

.col_verde_calcinha{
	background-color:#3FC;
}

.col_verde_claro {
	background-color:#015FBF;
}

.col_verde {
	background-color:#090;
	font-weight:bold;
	color:#FFF;
}

.col_vermelha_escuro {
	background-color:#BA55D3;
	font-weight:bold;
	color:#FFF;
}

.col_rosa {
	background-color:#C36;
	font-weight:bold;
	color:#FFF;
}

/* fim das legendas */

.botao_aceitar {
	background-color: #000000;
    border: medium none;
    color: #FFFFFF;
    font: 12px Arial, sans-serif;
    height: 22px;
    padding-bottom: 4px;
    width: 110px;
}


/* inicio grupos */


.botao_enviar {
    background: #FF0F4F scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #fff;
    float: left;
    font: 12px Arial, sans-serif;
    height: 22px;
    margin-right: 10px;
    padding-bottom: 5px;
}

#lista_usuario{
	float: left;
    width: 100%;
}

.checkbox_grupo_usuario {
	float: left;
    height: 35px;
    vertical-align: middle;
    width: 5%;
}

.label_nome_grupo_usuario {
	float: left;
    font: bold 12px Arial, sans-serif;
    width: 65%;
	
}
.campo_nome_grupo_usuario{
	width: 95%;
}

.label_login_grupo_usuario{
	float: left;
    font: bold 12px Arial, sans-serif;
    width: 28%;
}

.campo_login_grupo_usuario{
   width: 100%;
}

.linha_usuario{
	float: left;
    width: 100%;
	
}



/* fim grupos */


#alerta_topo {
    float: right;
    padding: 27px 15px 0 0;
}

.texto_homologacao {
    color: #00ffff;
    background-color: #00BCD4;
    position: absolute;
    font-weight: bold;
    font-family: Arial, sans-serif;
    z-index: 999;
	border-top: 1px solid #00ffff;
	border-bottom: 1px solid #00ffff;
	padding-left: 2%;
	width: 98%;
	margin-top: -20px;
}

.texto_homologacao_login {
    color: #00ffff;
    background-color: #00BCD4;
    font-weight: bold;
    font-family: Arial, sans-serif;
    float: right;
    margin-top: -21px;
    margin-right: 5px;
	padding: 2px 6px 0px 6px;
}

.botaologinsso {
	background-color: #FF0F4F;
    color: #FFFFFF;
    float: left;
    margin-top: 30px;
	margin-left: 88px;
    padding: 3px;
	border:white 1px solid;
	height: 27px;	
}

.botaologinsso_alerta {
	-webkit-box-shadow: 0px 0px 41px 0px rgba(255,255,15,1);
	-moz-box-shadow: 0px 0px 41px 0px rgba(255,255,15,1);
	box-shadow: 0px 0px 41px 0px rgba(255,255,15,1);
}

.botaologinsso:hover {
	background-color: #d50139;
}

.botaologin:hover {
	background-color: #d50139;
}

.msg_alerta {
    font-family: Arial, sans-serif;
    text-align: center;
    background-color: #fff3cd;
    width: 495px;
    margin: auto;
    color: #856404;
    padding: 6px 0 6px 0;
}

.swal2-container {
	font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
}