@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; }


.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:320px;
	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: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 li{
		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ário de Cadastro de:
	Destinos /
	Grupos de Destinos /
	Permissão de Usuários /
******************************************/
.cadDestinos .btn-tab-acoes,
.cadGrupos .btn-tab-acoes,
.cadAgenda .btn-tab-acoes,
.cadImportador .btn-tab-acoes,
.cadPermUsuarios .btn-tab-acoes,
.cadGruposDestinos .btn-tab-acoes,
.cadModulos .btn-tab-acoes,
.cadOrdem .btn-tab-acoes,
.cadObservacoes .btn-tab-acoes,
.cadResponsavel .btn-tab-acoes,
.cadUsuario .btn-tab-acoes,
.cadPerfil .btn-tab-acoes{ float:right !important;  }
/*---------------------------------------*/
.cadDestinos li,
.cadGrupos li,
.cadAgenda li,
.cadImportador li,
.cadPermUsuarios li,
.cadGruposDestinos li,
.cadModulos li,
.cadOrdem li,
.cadObservacoes li,
.cadResponsavel li,
.cadUsuario li,
.cadPerfil li{
	float:left !important;
	width:96% !important;
	list-style:none !important;
	padding:7px 0 7px 7px !important;
	margin:0 !important;
	clear:left !important;
	border:none !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
.cadDestinos li .destino,
.cadGrupos li .grupo,
.cadAgenda li .grupo{
	float:left;
	width:260px;
	font-weight:bold;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -809px;
	padding:2px 0 2px 40px;
}
.cadAgenda li .frequencia{
	float:left;
	width:685px;
	font-weight:bold;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -970px;
	padding:2px 0 2px 40px;
}
.cadAgenda li .horario{
	clear:both;
	float:left;
	width:685px;
	font-weight:bold;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -1009px;
	padding:2px 0 2px 40px;
}
.cadImportador li .importador{
	float:left;
	width:685px;
	font-weight:bold;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -1051px;
	padding:2px 0 2px 40px;
}
.cadPermUsuarios li .usuario{
	float:left;
	width:500px;
	font-weight:bold;
	background-image:url(../../img/icones.png);
	background-repeat:no-repeat;
	background-position:-40px -497px;
	padding:2px 0 2px 40px;
}
.cadGruposDestinos li .grupodestino{
	float:left;
	width:660px;
	font-weight:bold;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -809px;
	padding:2px 0 2px 40px;
}
.cadGruposDestinos li .avisos{
	clear:both;
	float:left;
	width:660px;
	padding:2px 0 2px 40px;
}
.cadModulos li .modulo{
	float:left;
	width:350px;
	font-weight:bold;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -1090px;
	padding:2px 0 2px 40px;
}
.cadOrdem li .ordemTabela{
	float:left;
	width:685px;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -849px;
	padding:2px 0 2px 40px;
}
.cadObservacoes li .observacao{
	float:left;
	width:645px;
	padding:2px 0 2px 0;
}
.cadObservacoes li .observacao-ico{
	float:left;
	width:40px;
	height:40px;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -1128px;
	padding:0;
}
.cadResponsavel li .responsavel{
	float:left;
	width:685px;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -1170px;
	padding:2px 0 2px 40px;
}
.cadUsuario li .usuario{
	float:left;
	width:685px;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -1210px;
	padding:2px 0 2px 40px;
}
.cadPerfil li .perfil{
	float:left;
	width:685px;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -1250px;
	padding:2px 0 2px 40px;
}
.cadOrdem li .ordemCampo, .cadOrdem li .ordemAsc{
	float:left;
	clear:both;
	padding:2px 0 2px 40px;
}
.cadModulos li .checksSet{
	float:left;
	width:325px;
}
.cadDestinos li:hover,
.cadGrupos li:hover,
.cadAgenda li:hover,
.cadImportador li:hover,
.cadPermUsuarios li:hover,
.cadGruposDestinos li:hover,
.cadModulos li:hover,
.cadOrdem li:hover,
.cadObservacoes li:hover,
.cadResponsavel li:hover,
.cadUsuario li:hover,
.cadPerfil li:hover{ background-color:#fff06e; }

.frmDestinos{ margin:7px 0 0 0; }
#frmRegrasFiltros{ padding:7px; margin:15px 0 0 0; }
.listFiltros li{ list-style: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;
}
/******************************************
	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;
}
/******************************************
	VALIDAÇÃO
*****************************************/
.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;
}

.totais fieldset {
    border: 1px solid #393939;
    border-radius: 4px;
	margin: 0 0 15px;
}
.totais legend {
    margin: 0 10px;
}
.totais table {
    border-bottom: 1px solid #393939;
    border-right: 1px solid #393939;
	margin: 20px;
}
.totais td {
    border-left: 1px solid #393939;
    border-top: 1px solid #393939;
	padding: 5px 10px;
}