@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:55px; }
.tExcluir{ filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; background-color:#cbcbcb !important;  }


.campo{
	background: url("../../img/bg-input.png") repeat-x scroll 0 0 #fff;
    border-color: #393939;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: #333;
    font-family: "Tahoma";
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    outline: 0 none;
    padding: 3px 8px;
}
.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;
}
textarea{
	overflow-y:auto; overflow-x:hidden;
}

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{
	background: url("../../img/bg-input.png") repeat-x scroll 0 0 #fff;
    border-color: #393939;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: #333;
    display: inline-block;
    font-family: "Tahoma";
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    margin: 0 0 8px;
    outline: 0 none;
    overflow: hidden;
    padding: 3px 8px;
    position: relative;
    width: 320px;
}
.combo span{
	float:left;
	width:298px;
	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:333px;
	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; position:relative }
/*---------------------------------------*/
.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
*/
.cadInternos li .icone{
	display:block;
	font-weight:bold;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	min-width:40px;
	height:30px;
	float:left
}

/* Texto das Listas */
li .Texto
{
	float:left;
	left:40px;
	width:95%;
	padding:3px 0;
}

li .Buttons
{
	float: left;
	clear: both;
	display: none;
	background: repeat scroll 0 0 transparent;
	filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;
	position: absolute;
	top: 2px;
	right: 2px;
}

li:hover .Buttons{display:block}

/* --- Adicionado nova forma de mostrar botões de ação em listas --- */
.icone.iconeDestino, .icone.iconeGrupo{background-position:0 -809px}

.cadInternos li .destino,
.cadInternos li .grupo,
.cadInternos li .grupodestino{
	display:block;
	font-weight:bold;
}
.listAnexos li .anexo{
	display:block;
	font-weight:bold;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -1689px;
	padding:2px 0 2px 40px;
}
.listAnexos li .anexo-compartilhar{
	display:block;
	float:left;
	position:relative;
	margin:5px 0 0 40px;

}
.listAnexos li .anexo-compartilhar .radioSet{ float:left; }
.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 .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 .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{ margin:7px 0 0 0; }
#frmRegrasFiltros{ padding:7px; margin:15px 0 0 0; }
.listFiltros li, .listAnexos li{ list-style:none; }
.listAnexos li{ border-bottom:1px dotted #696969; padding:5px 0; }
.listAnexos li a{ color:#B21C23; text-decoration:underline; }
.listAnexos li a:hover{ color:#B21C23; text-decoration:none; }
.listFiltros .ui-tabs{ display:none; clear:left; }
.listFiltros .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; }
.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{ 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;
}
.copyright-boas-vindas{
	position:absolute;
	bottom:20px;
	width:37%;
	left:0;
	margin:0;
	font-size:12px;
	text-align:right;
	line-height:16px;
	color:#CCC;
}
/******************************************
	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:0 0 0 85px;
}
#boxMsg span p{
	padding:0 0 0 85px;
}
.aviso{ color:#F00; }
/******************************************
	VALIDAÇÃO
*****************************************/
.validar{ position:relative; display:block; margin:0 15px 7px 0; }
.data{ width: 300px; }
.rValidar-msg {
	background-image: url("../../img/tipsy.gif");
    background-repeat: no-repeat;
    font-size: 11px;
    height: 43px;
    left: 0;
    opacity: 0.8;
    padding: 5px;
    position: absolute;
    top: 0;
    z-index: 50;
	min-width: 310px;
}
.data .rValidar-msg{ width: 450px !important; }
  .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;
	}