@charset "utf-8";
/* CSS Document */

/******************************************
	Global Declaration
******************************************/
/* INPUT & TEXTAREA */
.frmGG{ width:600px; }
.frmG { width:350px; }
.frmMM{ width:200px; }
.frmM { width:150px; }
.frmPP{ width:100px; }
.frmP { width:50px; }
.tExcluir{ filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; background-color:#cbcbcb !important;  }

#previsualizar p{
	line-height:20px;
}
#previsualizar ul{
	padding-left:10px;
}

.campo{
	font-size: 12px;
	font-family:"Tahoma";
	font-weight: normal;
	margin:0;
	padding: 3px 8px;
	color: #333;
	background: url('../../img/bg-input.png') repeat-x 0px 0px;
	background-color:#FFF;
	border-top: solid 1px #393939;
	border-left: solid 1px #393939;
	border-bottom: solid 1px #393939;
	border-right: solid 1px #393939;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: 0;
	font-weight:bold;
}
.campo:focus{
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	border-color:#ffb400 !important;
	background: url('../../img/bg-input-focus.png') repeat-x 0px 0px !important;
	background-color:#FFF !important;
}

label{ display:block; margin:0 0 7px 0; }
.checksSet label,
.radiocksSet label{ display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */


/*Selects*/
.combo{
	position:relative;
	float:left;
	width:350px;
	height:18px;
    font-family:"Tahoma";
	overflow:hidden;
	
	font-size: 12px;
	font-weight: normal;
	margin:0 0 8px 0;
	padding: 3px 8px;
	color: #333;
	background: url('../../img/bg-input.png') repeat-x 0px 0px;
	background-color:#FFF;
	border-top: solid 1px #393939;
	border-left: solid 1px #393939;
	border-bottom: solid 1px #393939;
	border-right: solid 1px #393939;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: 0;
	font-weight:bold;
}
.combo span{
	float:left;	
	width:328px;
	height:17px;
	margin:0;
	padding:2px 15px 0 7px;		
	overflow:hidden;
	background: url('../../img/select-setas.png') no-repeat right 3px;
}
.bandejaCombo{
	clear:left;
	display:none;
	position:absolute;
	width:363px;	
	overflow-x:hidden !important;
	overflow-y:auto !important;
	border:1px solid #393939;
	background-color:#FFF;
	z-index:9999;
}
	.bandejaCombo ul{
		position:relative;
	}
	.bandejaCombo li, .bandejaCombo p{
		display:inline;
		float:left;
		list-style:none;
		white-space:nowrap;
		width:96%;
		margin:0;
		padding:5px 7px;
		cursor:pointer;
		border-bottom:1px dotted #e2e2e2;
	}
	.bandejaCombo li:hover{
		background-color:#b21c23;
		color:#FFF;
	}
.bandejaCombo li.selected{ background-color:#fff06e; }
.combo-aberto span{ background-position:right -14px; }
.config .combo{ margin-left:7px; }
.bandejaCombo .comboFiltro {
	display:block;
	padding:3px 0;
	background-color:#696969;
}
.bandejaCombo .comboFiltro label{ display:inline !important; margin-left:5px !important; color:#ffffff!important; }
.bandejaCombo .comboFiltro .campo{ width:250px; margin:0 !important; }

/******************************************
	Classes Genéricas
*****************************************/
.coluna10, .coluna20, .coluna30, .coluna40, .coluna50, .coluna60, .coluna70, .coluna80, .coluna90, .coluna100{ float:left; margin:15px; height:auto; }
.coluna10{ width:5%; }
.coluna20{ width:15%; }
.coluna30{ width:25%; }
.coluna40{ width:35%; }
.coluna50{ width:45%; }
.coluna60{ width:55%; }
.coluna70{ width:65%; }
.coluna80{ width:75%; }
.coluna90{ width:85%; }
.coluna100{ width:95%; }

.linhaSuperior{ border-top:1px dotted #393939; padding-top:20px; margin-top:0 !important; }
.linhaInferior{ border-bottom:1px dotted #393939; padding-bottom:20px; margin-bottom:0 !important; }
.linhaDireita{ border-right:1px dotted #393939; padding-right:20px; margin-right:0 !important; }
.linhaEsquerda{ border-left:1px dotted #393939; padding-left:20px; margin-left:0 !important; }


/******************************************
	Formulários de Cadastro:
******************************************/
.cadInternos .btn-tab-acoes{ float:right !important;  }
/*---------------------------------------*/
.cadInternos li{
	position:relative;
	float:left !important;
	width:100% !important;
	list-style:none !important;
	padding:7px 0 7px 0 !important;
	margin:0 !important;
	clear:left !important;
	border:none !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
.cadInternos li:hover{ background-color:#fff06e; }

/*Mensagem de Erro*/
.cadInternos .erro{
	position:absolute;
	width:100%;
	padding:0;
	margin:0;
	top:0;
	left:0;			
	background: url("../../img/ico-alerta.png") no-repeat scroll 10px 7px transparent;
	background-color:#fce129;
	filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;
}
.cadInternos .erro span{ display:block; padding:30px 15px 37px 100px; font-weight:bold; }
.cadInternos .erro .ui-icon-closethick{ margin-top:7px; margin-right:7px; }

/*Ícones dos Cadastros Internos*/
#frmPrevisualizar li .destino,
#frmPrevisualizar li .grupo{
	font-weight:bold;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -809px;
	padding:2px 0 2px 40px;
}

/*Ícones dos Cadastros Internos*/
.cadInternos li .destino,
.cadInternos li .grupo{
	font-weight:bold;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -809px;
	padding:2px 0 2px 40px;
}

.cadInternos li .conteiner,
.cadInternos li .conteiners{
	display:block;
	font-weight:bold;
	background-image:url(../../img/icones.png);
	background-repeat:no-repeat;
	background-position:-34px -935px;
	padding:2px 0 2px 40px;
}
.cadInternos li .nome{
	display:block;
	font-weight:bold;
	background-image:url(../../img/icones.png);
	background-repeat:no-repeat;
	background-position:-38px -498px;
	padding:2px 0 5px 40px;
}
.cadInternos li .carteira{
	display:block;
	font-weight:bold;
	background-image:url(../../img/icones.png);
	background-repeat:no-repeat;
	background-position:-38px -855px;
	padding:2px 0 5px 40px;
}
.cadInternos li .tipoend{
	display:block;
	font-weight:bold;
	background-image:url(../../img/icones.png);
	background-repeat:no-repeat;
	background-position:-38px -132px;
	padding:2px 0 5px 40px;
}
.cadInternos li .conta_b{
	display:block;
	font-weight:bold;
	background-image:url(../../img/icones.png);
	background-repeat:no-repeat;
	background-position:-36px -979px;
	padding:2px 0 5px 40px;
}
.cadInternos li .telefone,
.cadInternos li .bairro,
.cadInternos li .cep,
.cadInternos li .dt_vencimento,
.cadInternos li .dt_emissao,
.cadInternos li .instrucao{
	padding:0 0 5px 40px;
	display:block;
}
.cadInternos li .cargo,
.cadInternos li .departamento,
.cadInternos li .endereco{
	background-repeat:no-repeat;
	padding:2px 0 2px 5px;
}
.cadInternos li .moeda, .cadInternos li .freetime{
	font-weight:bold;
	background-repeat:no-repeat;
	padding:2px 0 2px 40px;
}
.cadInternos li .taxa{
	font-weight:bold;
	background-repeat:no-repeat;
	padding:2px 0 2px 10px;
}
.cadInternos li .frequencia{
	display:block;
	font-weight:bold;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -970px;
	padding:2px 0 2px 40px;
}
.cadInternos li .horario{
	display:block;
	font-weight:bold;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -1009px;
	padding:2px 0 2px 40px;
}
.cadInternos li .importador{
	display:block;
	font-weight:bold;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -1051px;
	padding:2px 0 2px 40px;
}
.cadInternos li .usuario{
	display:block;
	font-weight:bold;
	background-image:url(../../img/icones.png);
	background-repeat:no-repeat;
	background-position:-40px -497px;
	padding:2px 0 2px 40px;
}
.cadInternos li .grupodestino{
	display:block;
	font-weight:bold;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -809px;
	padding:2px 0 2px 40px;
}
.cadInternos li .avisos{
	display:block;
	padding:2px 0 2px 40px;
}
.cadInternos li .modulo{
	float:left;
	font-weight:bold;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -1090px;
	padding:2px 0 2px 40px;
}
.cadInternos li .porto{
	float:left;
	font-weight:bold;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -1689px;
	padding:2px 0 2px 40px;
}
.cadInternos li .conta{
	float:left;
	font-weight:bold;
	background-image:url(../../img/icones.png);
	background-repeat:no-repeat;
	background-position:-38px -1018px;
	padding:2px 0 2px 40px;
}
.cadInternos li .ordemTabela{
	display:block;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -849px;
	padding:2px 0 2px 40px;
}
.cadInternos li .observacao{
	display:block;
	padding:2px 0 2px 0;
}
.cadInternos li .observacao-ico{
	float:left;
	width:40px;
	height:33px;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -1128px;
}
.cadInternos li .obs{
	float:left;
	width:85%;
}
.cadInternos li .responsavel{
	display:block;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -1170px;
	padding:2px 0 2px 40px;
}
.cadInternos li .usuario{
	display:block;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -1210px;
	padding:2px 0 2px 40px;
}
.cadInternos li .perfil{
	display:block;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -1250px;
	padding:2px 0 2px 40px;
}
.cadInternos li .item{
	display:block;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -1290px;
	padding:2px 0 2px 40px;
}
.cadInternos li .ocorrencia{
	display:block;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -490px;
	padding:2px 0 2px 40px;
}
.cadInternos li .descricao, 
.cadInternos li .quantidade, 
.cadInternos li .valor,
.cadInternos li .peso, 
.cadInternos li .total,
.cadInternos li .quantidade-disponivel,
.cadInternos .total_fatura{
	display:block;
	padding:2px 0 2px 40px;
}
.frmItemFatQuant{
	float:left;
	width:190px;
}
.cadInternos li .ordemCampo, 
.cadInternos li .ordemAsc{
	display:block;
	padding:2px 0 2px 40px;
}
.cadInternos li .radioSet,
.cadInternos li .checksSet{
	float:right;
}

/*Classes + específicas*/
.frmDestinos,.frmConteiner{ margin:7px 0 0 0; }
#frmRegrasFiltros{ padding:7px; margin:15px 0 0 0; }
.listFiltros li, .listPeriodos li,.listCadConta li,.listCadEnderecos li,.listCadContato li{ list-style:none; }
.listFiltros .ui-tabs, .listPeriodos .ui-tabs{ display:none; clear:left; }
.listFiltros .ui-tabs-panel, .listPeriodos .ui-tabs-panel{ height:300px; overflow:auto; }
.interacao-id{ display:block; }
.interacao-data{ display:block; padding-top:7px; }
.interacao-desc{ display:block; }
.txtFiltro{ float:left; width:795px; margin:0; padding:3px 0 3px 30px; background-image:url(../../img/icones.png); background-repeat:no-repeat; background-position:-43px -695px; cursor:pointer; }
.txtPeriodo{ float:left; width:795px; margin:0; padding:3px 0 3px 30px; background-image:url(../../img/icones-acoes.png); background-repeat:no-repeat; background-position:-6px -969px; cursor:pointer; }
.btnAcoes{ float:right; width:30px; margin:0; }
.frequencia span{ border-right:1px solid #393939; padding:2px 7px; }
.avisos span{ border-right:1px solid #393939; padding:2px 7px; }
.filtroItem, .PeriodoItem{ list-style:none; list-style-image:none; }
.gridItensFatura{ position:relative; width:100%; height:415px; overflow:visible; }

/******************************************
	Grid Cadastro de Itens
******************************************/
.itensCadastrar{ overflow:hidden; }
.itensListar{
	position:absolute;
	background-color:#FFF;
	width:100%;
	height:auto;
	bottom:0;
	left:0;
	border-top:3px solid #b21c23;
	z-index:99;
	overflow:hidden;
}
.itensListar .titulo{
	float:left;
	clear:both;
	width:100%;
	height:20px;
	background-color:#393939;
	color:#FFF;
	font-size:14px;
	text-align:center;
}
.itensListar .fechar{
	float:right;
	background-image:url(../../img/icones-acoes.png);
	background-position:0px -450px;
	width:40px;
	height:17px;
	text-indent:-99999px;
}
/******************************************
	Login
******************************************/
#box-login{
	position:relative;
	width:500px;
	height:330px;
	padding:0;
	margin:0;
	top:40px;
	left:0px;
	overflow:hidden;
}
#box-login .alerta{
	position:relative;
	float:left;
	margin:0 0 0 30px;
	padding:0;
}
	#box-login .alerta p{
		font-size:12px;
		margin:0;
		text-align:left;
		line-height:16px;
	}
#box-login .content{
	clear:left;
	position:relative;
	float:left;
	width:385px;
	height:330px;
	margin:0;
	background-image:url(../../img/box-login.png);
	background-repeat:no-repeat;	
}
#box-login .margens{
	margin:65px 0 0 50px;
	width:280px;
	color:#FFF;
}
	#box-login .margens span,
	#box-login .margens p{
		display:inline;
		font-size:12px;
		margin:0;
		text-align:left;
		line-height:16px;
	}
	#box-login .margens p{ display:block; }
#tela-boas-vindas .crossbrowser{
	clear:left;
	float:left;
	width:70%;
	margin:50px 0 0 30px; 
	display:inline;
	font-size:12px;
	text-align:left;
	line-height:16px;
}
#tela-boas-vindas .copyright{
	bottom: 20px;
    color: #ccc;
    font-size: 12px;
    left: 0;
    line-height: 16px;
    margin: 0;
    position: absolute;
    text-align: right;
    width: 37%;
}
/******************************************
	Mensagens de Erros
******************************************/
#boxMsg {
	position:absolute;
	width:100%;
	min-width:100%;
	top:0;
	left:0;
	margin:0;
	padding:0;
	height:auto;
	background-color:#fce129;
	z-index:9999;
	filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;
}
	.boxMsg-sucesso{ background-color:#c8fbc3 !important; }
#boxMsg .wrap {
	position:relative;
	clear:both;
	background: url("../../img/ico-alerta.png") no-repeat scroll 0 5px transparent;
	width:96%;
	height:auto;
	margin:0 auto;
	padding:32px 0;
}
	.boxMsg-sucesso .wrap{ background: url("../../img/ico-certo.png") no-repeat scroll 0 5px transparent !important; }
#boxMsg span {
	color:#000;
	font-weight:bold;
	font-size:12px;
	padding:3px 0 0 85px;
}
#boxMsg span p{
	padding:0 0 0 85px;
}
.aviso{ color:#F00; }
/******************************************
	VALIDAÇÃO
*****************************************/
.validar{ position:relative; display:block; margin:0 0 7px 0; }
.rValidar-msg { 
	position:absolute; 
	top: 0;
	left: 0;
	height:43px;
	padding: 5px; 
	font-size: 11px; 
	opacity: 0.8; 
	filter: alpha(opacity=80); 
	background-repeat: no-repeat;  
	background-image: url(../../img/tipsy.gif); 	
}
  .rValidar-inner { height:35px; padding: 5px 8px 4px 8px; background-color: black; color: white; text-align: left; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .rValidar-inner li { float:left; list-style-type:square; list-style-image:none; margin-right:7px; }
  .rValidar-inner li:hover{ background-color:transparent; }
  .rValidar-inner-right{ background-position: left center;  }
  .rValidar-inner-top{ background-position: bottom center;  }

.frm-ok {
	border-color: #548e00 !important;
	background: url('../../img/bg-input-certo.png') repeat-x 0px 0px !important;
	background-color:#FFF !important;
}
.frm-erro {
	border-color: #c30000 !important;
	background: url('../../img/bg-input-errado.png') repeat-x 0px 0px !important;
	background-color:#FFF !important;
}
/******************************************
	BANDEJA DE FILTROS DAS COLUNAS DOS GRIDS
*****************************************/
.xGrid-filtros{
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:140px;
	padding:7px;
	margin:0;
	background-image:url(../../img/degrade-funcoes.png);		
	background-repeat:repeat-x;
	background-position:0 0;
	border:2px solid;
	background-color:#656565;
	z-index:999;
}
	.xGrid-filtros p{
		font-family:MyriadWebRegular, Arial, Helvetica;
		font-size:14px;
		font-weight:bold;
		text-transform:uppercase;
	}
	.xGrid-filtros ul{
		margin:0;
		padding:0;
	}
	.xGrid-filtros li{
		clear:left;
		float:left;
		width:180px;
		list-style-image:none;
		margin:2px 0;
		padding:0;
		border-top:1px dotted #e2e2e2; 
	}
	.xGrid-filtros li:hover{ background-color:#fff06e; }
	.xGrid-filtros li .xGrid-ok{
		float:left;
		width:25px;
		height:20px;
		margin:0;
		padding:0;
		background-image:url(../../img/icones-acoes.png);		
		background-repeat:no-repeat;
		background-position:-7px -92px;
	}
	.xGrid-filtros li .xGrid-cancel{
		float:left;
		width:25px;
		height:20px;
		margin:0;
		padding:0;
		background-image:url(../../img/icones-acoes.png);		
		background-repeat:no-repeat;
		background-position:-7px -131px;
	}
	.xGrid-filtros-options{
		position:relative;
		width:100%;
		height:124px;
		margin:0;
		padding:5px 0 0 0;
		border-top:1px dotted #393939; 
		overflow:auto;
	}
	.xGrid-filtros .carregando{
		background-position:0 50%;
		margin-left:10px;
		padding-left:45px !important;
		margin-top:25px;
	}