.nf_transmitida, .verde {
    background-color: #b8f5b8;
}
.nf_transmitida:hover, .verde:hover {
    background-color: #93F093;
}

.nf_aguardando, .azul {
    background-color: #a2e6f9;
}
.nf_aguardando:hover, .azul:hover {
    background-color: #6DD7F5;
}

.nf_cancelada, .vermelho, .cad_status2, .ctt_status3 {
    background-color: #fdc0c0 !important;
}
.nf_cancelada:hover, .vermelho:hover, .cad_status2:hover, .ctt_status3:hover {
    background-color: #FCA0A0 !important;
}

.nf_pendente {
    background-color: #ffffff;
}
.nf_pendente:hover {
    background-color: #F4F4F4;
}

.nf_inutilizada {
    background-color: #dfe7ef;
}
.nf_inutilizada:hover {
    background-color: #CFDBE7;
}

.marelo{
	background-color: #d4ed8b;
}

.amarelo, .cad_status1, .ctt_status4{
	background-color: #f8e598 !important;
}

.amarelo:hover, .cad_status1:hover, .ctt_status4:hover{
	background-color: #f9dd6b !important;
}

.laranja{
	background-color: #f8c598;
}

.cad_inativo {
    background-color: #C1C1C1;
}

.os_vistoria {
    background-color: #FFFFDF;
}

.lancto_pagar {
    background-color: #FEEBEB;
}

.lancto_receber {
    background-color: #ECFDEC;
}

.comercial-atrasado {
    background-color: #fdc0c0;
}
.comercial-atrasado:hover {
    background-color: #C1DDF1;
}

.valor1, .perc2, .desc2, .acres1 {
    display: none;
}

.ux-desktop-shortcut {
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	-o-column-break-inside: avoid;
	column-break-inside: avoid;
	display: table;
    cursor: pointer;
    text-align: center;
    width: 100px;
	padding:8px;
	position:absolute;
}

.ux-desktop-shortcut-icon {
	margin:0 auto;
    width: 48px;
    height: 48px;
    background-color: transparent;
    background-repeat: no-repeat;
}

.ux-desktop-shortcut-text {
	width: 100px;
	height:25px;
	min-height:25px;
    padding-top: 4px;
    font: normal 12px arial, verdana, sans-serif;
    /*font: normal 12px tahoma, arial, verdana, sans-serif;*/
    text-decoration: none;
    color: #FFF;
    text-shadow: 0em 0em 0.2em black, 0em 0em 0.2em black, 0.1em 0em 0.2em black, -0.1em 0em 0.3em black;
    -moz-text-shadow: 0em 0em 0.2em black, 0em 0em 0.2em black, 0.1em 0em 0.2em black, -0.1em 0em 0.3em black;
    -webkit-text-shadow: 0em 0em 0.2em black, 0em 0em 0.2em black, 0.1em 0em 0.2em black, -0.1em 0em 0.3em black;
}

.x-view-over .ux-desktop-shortcut-text {
    text-decoration: underline
}

.accordion-shortcut {
    background-image: url(images/im48x48.png)
}

.cpu-shortcut {
    background-image: url(images/statusLarge.png)
}

.grid-shortcut {
    background-image: url(images/grid48x48.png)
}

.notepad-shortcut {
    background-image: url(images/notepadLarge.png);
    width: 46px;
    height: 46px
}

.veiculo-shortcut {
    background-image: url(images/veiculo.png);
    width: 46px;
    height: 46px
}

.tag-shortcut {
    background-image: url(images/tag.png);
    width: 46px;
    height: 46px
}

.list-shortcut {
    background-image: url(images/list.png);
    width: 50px;
    height: 50px
}

.service-shortcut {
    background-image: url(images/service.png);
    width: 50px;
    height: 50px
}

.x-ie6 .accordion-shortcut {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/im48x48.png', sizingMethod='scale')
}

.x-ie6 .cpu-shortcut {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/statusLarge.png', sizingMethod='scale')
}

.x-ie6 .grid-shortcut {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/grid48x48.png', sizingMethod='scale')
}

.x-ie6 .nfe-shortcut {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nfe.png', sizingMethod='scale')
}

.x-ie6 .notepad-shortcut {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/notepadLarge.png', sizingMethod='scale')
}

.search-item {
    position: relative;
    z-index: 100000;
}

.icon-nfe {
    background-image: url(images/icon-nfe-16.png) !important
}

.icon-gallery {
    background-image: url(images/icon-gallery.png) !important
}

.x-datepicker .x-datepicker-inner {
    width: 110px !important;
}

.x-datepicker-default {
    background-color: #f7f7f7 !important;
    height: 210px !important;
}

.x-datepicker-date {
    color: #157fd3 !important;
    width: 20px;
    height: 20px;
    border: 1px solid #a9a9a9;
    margin: 0 auto;
    text-align: center
}

.x-datepicker-disabled {
    background-color: #bebebe !important;
    color: #a9a9a9 !important;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    text-align: center
}

.ui-datepicker-week-end{color:#f00;}

.x-datepicker-week-end{
	background-color: red !important;
}

.x-monthpicker-body {
    height: 100% !important;
    position: relative !important;
    color: #000000 !important;
    background-color: #f7f7f7 !important;
    opacity: 0.95 !important;
    /*width:45px;
    float:left;*/
    padding: 0px 7px 0px 12px !important;
    font-weight: bold !important;
    font-size: 11px;
}

.x-monthpicker-item :hover {
    color: #006dc3 !important;
    opacity: 1 !important;
    text-decoration: none !important;
    background-color: #cae5fb !important;
}

.x-monthpicker-item {
    height: 16px !important;
    width: 50px !important;
    float: left !important;
    display: block !important;
}

.x-monthpicker-selected {
    background-color: #d6e8f6 !important;
    border-color: #3892d3 !important;
    border-style: solid !important;
}

/*x-monthpicker x-layer x-monthpicker-default x-border-box*/
.x-monthpicker-months {
    float: left !important;
    width: 100px !important;
}

.x-monthpicker-years {
    border-top: 1px solid #000000 !important;
    padding-bottom: 5px !important;
    float: left !important;
    width: 100px !important;
    opacity: 0.1 !important;
}

/*
x-grid-row-editor-buttons x-grid-row-editor-buttons-default x-border-box x-top x-grid-row-editor-buttons-top x-grid-row-editor-buttons-default-top

x-grid-row-editor-buttons x-grid-row-editor-buttons-default x-border-box x-bottom x-grid-row-editor-buttons-bottom x-grid-row-editor-buttons-default-bottom

x-panel x-panel-default x-grid-editor x-grid-row-editor x-border-box
*/

.x-grid-row-editor-wrap {
    position: absolute !important;
    z-index: 500 !important;
}

.dataview-multisort-item {
    float: left;
    padding: 8px;
    margin: 8px 8px 4px 8px;

}

.dataview-text {
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    text-align: center;
}

.sort-direction-asc {
    background-image: url(images/grid/sort_asc.png);
    background-position: 4px center;
}

.sort-direction-desc {
    background-image: url(images/grid/sort_desc.png);
    background-position: 4px center;
}

.x-title-text-default:after {
    content: '' !important;
}

.desk-shortcut {
    background-image: url(images/desk.png);
    width: 48px !important;
    height: 48px !important;
}

.mensagem-shortcut {
    background-image: url(images/deskMensagem.png) !important;
    width: 48px !important;
    height: 48px !important;
}


.pessoa-shortcut {
    background-image: url(images/pessoa.png) !important;
    width: 46px !important;
    height: 46px !important;
}

.nfe-shortcut {
    background-image: url(images/deskNfe.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.nfentrada-shortcut {
    background-image: url(images/deskNFEntrada.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.nfse-shortcut {
    background-image: url(images/deskNfse.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.receituario-shortcut {
    background-image: url(images/deskReceituario.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.relnotas-shortcut {
    background-image: url(images/deskRelNotas.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.agenda-shortcut {
    background-image: url(images/deskAgenda.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.analise-shortcut {
    background-image: url(images/deskAnalise.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.conciliacao-shortcut {
    background-image: url(images/deskConciliacao.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.pessoas-shortcut {
    background-image: url(images/deskPessoa.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.pedido-shortcut {
    background-image: url(images/deskPedido.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.produtos-shortcut {
    background-image: url(images/deskProduto.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.licitacao-shortcut {
    background-image: url(images/deskLicitacao.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.contrato-shortcut {
    background-image: url(images/deskContrato.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.remessa-shortcut {
    background-image: url(images/deskRemessa.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.config-shortcut {
    background-image: url(images/deskConfig.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.cert-shortcut {
    background-image: url(images/deskCertificado.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.financeiro-shortcut {
    background-image: url(images/deskFinanceiro.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.hora-shortcut {
    background-image: url(images/deskHora.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.ecommerce-shortcut {
    background-image: url(images/deskEcommerce.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.gestao-shortcut {
    background-image: url(images/deskGestao.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.gestaoVendedor-shortcut {
    background-image: url(images/deskGestaoVendedor.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.pdv-shortcut {
    background-image: url(images/deskPdv.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.projeto-shortcut {
    background-image: url(images/deskProjeto.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.franquia-shortcut {
    background-image: url(images/deskFranquia.png);
    width: 48px !important;
    height: 48px !important;
}

.os-shortcut {
    background-image: url(images/deskOs.png);
    width: 48px !important;
    height: 48px !important;
}

.servico-shortcut {
    background-image: url(images/deskServico.png);
    width: 48px !important;
    height: 48px !important;
}

.produtoSel-shortcut {
    background-image: url(images/deskProdutoSel.png);
    width: 48px !important;
    height: 48px !important;
}

.veiculo-shortcut {
    background-image: url(images/deskVeiculo.png);
    width: 48px !important;
    height: 48px !important;
}

.importacao-shortcut {
    background-image: url(images/deskImportacao.png);
    width: 48px !important;
    height: 48px !important;
}

.mdfe-shortcut {
    background-image: url(images/deskMdfe.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.forcaVenda-shortcut {
    background-image: url(images/deskForcaVenda.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.empRel-shortcut {
    background-image: url(images/deskEmpresaRelacionada.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.chamado-shortcut {
    background-image: url(images/deskChamado.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.chamadosel-shortcut {
    background-image: url(images/deskChamadoSel.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.cte-shortcut {
    background-image: url(images/deskCte.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.servidor-shortcut {
    background-image: url(images/deskServidor.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.comercial-shortcut {
    background-image: url(images/deskComercial.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.comercialLista-shortcut {
    background-image: url(images/deskComercialLista.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.insumo-shortcut {
    background-image: url(images/deskInsumo.png) !important;
    width: 48px !important;
    height: 48px !important;
}

.mensagem-menu {
    background-image: url(images/menuMensagem.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.pdv-menu {
    background-image: url(images/menuPdv.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.projeto-menu {
    background-image: url(images/menuProjeto.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.cte-menu {
    background-image: url(images/menuCte.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.certificado-menu {
    background-image: url(images/menuCertificado.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.cert-menu {
    background-image: url(images/menuCertificado.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.nfe-menu {
    background-image: url(images/menuNfe.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.nfentrada-menu {
    background-image: url(images/menuNFEntrada.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.nfse-menu {
    background-image: url(images/menuNfse.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.receituario-menu {
    background-image: url(images/menuReceituario.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.agenda-menu {
    background-image: url(images/deskAgenda.png) !important;
	background-size: 100%;
    width: 16px !important;
    height: 16px !important;
}

.analise-menu {
    background-image: url(images/menuAnalise.png) !important;
	background-size: 100%;
    width: 16px !important;
    height: 16px !important;
}

.conciliacao-menu {
    background-image: url(images/deskConciliacao.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.contrato-menu {
    background-image: url(images/menuContrato.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.licitacao-menu {
    background-image: url(images/menuLicitacao.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.pessoa-menu {
    background-image: url(images/menuPessoa.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.pedido-menu {
    background-image: url(images/menuPedido.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.remessa-menu {
    background-image: url(images/menuRemessa.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.financeiro-menu {
    background-image: url(images/menuFinanceiro.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.hora-menu {
    background-image: url(images/menuHora.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.config-menu {
    background-image: url(images/menuConfig.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.produto-menu {
    background-image: url(images/menuProduto.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.ecommerce-menu {
    background-image: url(images/menuEcommerce.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.ux-start-button-icon{
    background-image: url(images/start-icon.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.icon-certificado{
    background-image: url(images/icon-certificado.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.franquia-menu{
	background-image: url(images/menuFranquia.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.os-menu{
    background-image: url(images/menuOs.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.servico-menu{
    background-image: url(images/menuServico.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.produtoSel-menu{
    background-image: url(images/menuProdutoSel.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.veiculo-menu{
    background-image: url(images/menuVeiculo.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.importacao-menu{
    background-image: url(images/menuImportacao.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.mdfe-menu {
    background-image: url(images/menuMdfe.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.forcaVenda-menu {
    background-image: url(images/menuForcaVenda.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.empRel-menu {
    background-image: url(images/menuEmpresaRelacionada.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.docs-menu {
    background-image: url(images/menuDocs.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.servidor-menu {
    background-image: url(images/menuServidor.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.attention-menu {
    background-image: url(images/attention.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.comercial-menu {
    background-image: url(images/menuComercial.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.comercialLista-menu {
    background-image: url(images/menuComercialLista.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.insumo-menu {
    background-image: url(images/menuInsumo.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.chamado-menu {
    background-image: url(images/menuChamado.png) !important;
    width: 16px !important;
    height: 16px !important;
}

.x-tbar-page-number{
	width:30px
}
.x-tbar-page-first{
	background-image:url(images/grid/page-first.png)
}
.x-tbar-page-prev{
	background-image:url(images/grid/page-prev.png)
}
.x-tbar-page-next{
	background-image:url(images/grid/page-next.png)
}
.x-tbar-page-last{
	background-image:url(images/grid/page-last.png);
	display:none;
}
.x-tbar-loading{
	background-image:url(images/grid/refresh.png)
}
.x-box-inner{
	overflow:visible
}
.x-splitter{
	font-size:1px
}
.x-splitter-horizontal{
	cursor:e-resize;
	cursor:row-resize
}
.x-splitter-vertical{
	cursor:e-resize;
	cursor:col-resize
}
.x-splitter-collapsed,.x-splitter-horizontal-noresize,.x-splitter-vertical-noresize{
	cursor:default
}
.x-splitter-active{
	z-index:4
}
.x-collapse-el{
	position:absolute;
	background-repeat:no-repeat
}
.x-box-layout-ct{
	overflow:hidden;
	position:relative
}
.x-box-target{
	position:absolute;
	width:20000px;
	top:0;
	left:0;
	height:1px
}
.x-box-inner{
	overflow:hidden;
	position:relative;
	left:0;
	top:0
}
.x-box-scroller{
	position:absolute;
	background-repeat:no-repeat;
	background-position:center;
	line-height:0;
	font-size:0
}
.x-box-scroller-top{
	top:0
}
.x-box-scroller-right{
	right:0
}
.x-box-scroller-bottom{
	bottom:0
}
.x-box-scroller-left{
	left:0
}
.x-box-menu-body-horizontal{
	float:left
}
.x-box-menu-after{
	position:relative;
	float:left
}
.x-form-trigger-wrap{
	display:table;
	width:100%;
	height:100%
}
.x-form-trigger-wrap-default{
	border-width:1px;
	border-style:solid;
	border-color:#cecece
}
.x-field{
	margin:0 3px 0 2px
}
.x-form-item{
	display:table;
	table-layout:fixed;
	border-spacing:0;
	border-collapse:separate
}
.x-form-item-default.x-item-disabled{
	filter:alpha(opacity=30);
	opacity:.3
}
.x-box-item{
	position:absolute!important;
	left:0;
	top:0
}
.x-toolbar-item{
	margin:0 8px 0 0
}
.x-form-item.x-form-item-no-label>.x-form-item-label{
	display:none
}
.x-form-text {
    display: inherit;
}
.x-btn-uploader {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 3px 3px 3px;
    border-width: 1px;
    border-style: solid;
    background-color: #DEF5FF;
    border-color: #D6F3FF;
}
.x-btn-over.x-btn-uploader {
	background-color: #D6F3FF;
}
.x-btn-uploader-logo {
    background-color: #699FDF;
}
.x-btn-uploader-logo:hover {
    background-color: #4577BC;
}

.x-btn-uploader1{
	position: relative;
	margin: -25px 0px 0px -120px;
	opacity: 0;
	z-index:5;
}
.x-btn-uploader2{
	position: relative;
	margin: -48px 0px 0px -25px;
	width:35px;
	opacity: 0;
	z-index:5;
}
.x-btn-uploader-docto{
	position: relative;
	margin: -25px 0px 0px -85px;
	width:35px;
	opacity: 0;
	z-index:5;
}

.x-btn-uploader-logo{
	position: relative;
	margin: -19px 0px 0px -85px;
	opacity: 0;
	z-index:5;
}

/*pdv*/
.pdv-title-first {
    float:left; 
    width: 330px;
}
.pdv-title-first .pdv-title-first-child {
    font-size:16px; 
    font-weight:bold;
}
.pdv-title-first .pdv-title-last-child {
    margin-top:5px;
}
.pdv-title-second {
    float:left; 
    width: 280px;
    border-left:1px solid;
    padding-left: 5px;
}
.pdv-title-second .pdv-title-last-child {
    margin:5px 0px 0px 5px;
    font-size:18px;
}
.pdv-title-third {
    float:left; 
    width: 305px;
    text-align:right;
    font-size:18px;
    padding-top: 10px;
}
/**** ****/


/** Acordion **/
.x-accordion-item .x-accordion-hd {
    background: #F5F5F5;
    border-width: 1px 0 1px;
    border-color: #CECECE #CECECE #CECECE;
    padding: 8px 10px;
    color: #ffffff;
}
.os_accordion .x-accordion-hd{
    padding: 4px 10px !important;
}

.x-accordion-item .x-accordion-hd-sibling-expanded {
    border-top-color: #CECECE;
    border-top-width: 1px;
}

.x-menu-header {
    display: table;
    table-layout: fixed;
    background-color: #f0f0f0;
    height:35px;
}
/**** ****/

.user{
	background-image:url(images/startmenu-user.png)!important;
	border-style: hidden !important;
}

.osItem-riscado {
    text-decoration:line-through;
}

.x-boundlist-item{
	z-index:99999999 !important;
}

/* Legenda Grafico */
.x-legend.x-horizontal {
    white-space: nowrap;
}
.x-legend.x-horizontal {
    white-space: nowrap;
}
.x-legend, .x-legend-panel {
    background: white;
    outline: 0;
}
.x-legend.x-docked-top .x-legend-item:first-child, .x-legend.x-docked-bottom .x-legend-item:first-child, .x-legend-panel.x-docked-top .x-legend-item:first-child, .x-legend-panel.x-docked-bottom .x-legend-item:first-child {
    border-left: none;
}
.x-legend.x-horizontal .x-legend-item {
    display: inline-block;
}
.x-legend.x-docked-top .x-legend-item, .x-legend.x-docked-bottom .x-legend-item, .x-legend-panel.x-docked-top .x-legend-item, .x-legend-panel.x-docked-bottom .x-legend-item {
    border-left: 1px solid rgba(204,204,204,0.5);
}
.x-legend-item {
    padding: .8em 1em .8em 1.8em;
    color: #333;
    background: rgba(255,255,255,0);
    max-width: 16em;
    min-width: 0;
    font-size: 13px;
    font-family: helvetica,arial,verdana,sans-serif;
    line-height: 13px;
    font-weight: 300;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}
.x-legend-container {
    display: inline-block;
    line-height: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: white;
    -webkit-box-shadow: rgba(255,255,255,0.6) 0 1px 1px;
    -moz-box-shadow: rgba(255,255,255,0.6) 0 1px 1px;
    box-shadow: rgba(255,255,255,0.6) 0 1px 1px;
}
.x-legend-item-marker {
    position: absolute;
    width: .8em;
    height: .8em;
    -webkit-border-radius: .4em;
    -moz-border-radius: .4em;
    -ms-border-radius: .4em;
    -o-border-radius: .4em;
    border-radius: .4em;
    -webkit-box-shadow: rgba(255,255,255,0.3) 0 1px 0,rgba(0,0,0,0.4) 0 1px 0 inset;
    -moz-box-shadow: rgba(255,255,255,0.3) 0 1px 0,rgba(0,0,0,0.4) 0 1px 0 inset;
    box-shadow: rgba(255,255,255,0.3) 0 1px 0,rgba(0,0,0,0.4) 0 1px 0 inset;
    left: .7em;
    top: .85em;
}

.x-combo-gestao-cliente {
    width:100%; 
    float:left; 
    border-bottom:1px solid #CCCCCC; 
    cursor:pointer; 
    padding:5px 5px;
    font-size: 12px;
}

.x-combo-colorpicker {
    width:100%; 
    float:left; 
    cursor:pointer; 
    font-size: 12px;
    background-color:#F9F9F9;
    border-bottom:1px solid #CCCCCC; 
    z-index:99999 !important;
}
.x-combo-colorpicker:hover {
    background-color:#D6EAF6;
}

.x-combo-ecommerce {
    width:100%; 
    background-color: #ffffff;
    float:left; 
    border-bottom:1px solid #CCCCCC; 
    cursor:pointer; 
    padding:5px 5px;
    font-size: 12px;
}

.x-combo-ecommerce:hover {
    background-color: #D6EAF6;
}

.x-btn-grid-normal {
    width: 15px;
    height: auto;
    cursor: pointer;
}

.x-btn-grid-servidor,
.x-btn-grid-chamado {
    width: 15px;
    height: auto;
    cursor: pointer;
    margin: -5px 10px 0px 0px;
}

.x-btn-success, 
.x-btn-success:hover, 
.x-btn-success:active, 
.x-btn-success:focus, 
.x-btn-success:visited, 
.x-btn-success.x-btn-pressed  {
    background-color: #5CB85C !important;
    border: #4CAE4C !important; 
    color:#FFF;
}

.x-btn-info, 
.x-btn-info:hover, 
.x-btn-info:active, 
.x-btn-info:focus, 
.x-btn-info:visited, 
.x-btn-info.x-btn-pressed  {
    background-color: #5BC0DE !important;
    border: #46B8DA !important;
    color:#FFF;
}

.x-btn-warning, 
.x-btn-warning:hover, 
.x-btn-warning:active, 
.x-btn-warning:focus, 
.x-btn-warning:visited, 
.x-btn-warning.x-btn-pressed  {
    background-color: #F0AD4E !important;
    border: #EEA236 !important;
    color:#FFF;
}

.x-btn-danger, 
.x-btn-danger:hover, 
.x-btn-danger:active, 
.x-btn-danger:focus, 
.x-btn-danger:visited, 
.x-btn-danger.x-btn-pressed  {
    background-color: #D9534F !important;
    border: #D43F3A !important;
    color:#FFF;
}

.x-btn-white, 
.x-btn-white:hover, 
.x-btn-white:active, 
.x-btn-white:focus, 
.x-btn-white:visited, 
.x-btn-white.x-btn-pressed  {
    background-color: #DDD !important;
    border: #CCC !important;
}

.x-btn-white span, 
.x-btn-white span:hover, 
.x-btn-white span:active, 
.x-btn-white span:focus, 
.x-btn-white span:visited, 
.x-btn-white span.x-btn-pressed  {
    color:#000 !important;
}



.x-btn-primary, 
.x-btn-primary:hover, 
.x-btn-primary:active, 
.x-btn-primary:focus, 
.x-btn-primary:visited, 
.x-btn-primary.x-btn-pressed  {
    background-color: #337AB7 !important;
    border: #2E6DA4 !important;
    color:#FFF;
}

.x-btn-black, 
.x-btn-black:hover, 
.x-btn-black:active, 
.x-btn-black:focus, 
.x-btn-black:visited, 
.x-btn-black.x-btn-pressed  {
    background-color: #000 !important;
    border: #000 !important;
    color:#FFF;
}

.x-btn-sm {
    padding:0px 1px;
}

.x-tab-active{
	background-color: #3892D3 !important;
}

.x-list-timefield {
    background-color: #F5F5F5;
    text-align: center;
}
.x-list-timefield li {
    padding:2px 0px;
    border-bottom: 1px solid #C1C1C1;
}
.x-list-timefield li:hover {
    background-color: #D6EAF6;
}

.aba-chamado,
.aba-chamado span{
    color: #FFF !important;
    opacity: 1 !important;
}

.grid-ecommerce .x-grid-cell-inner {
    padding: 5px 10px 0px 10px;
}

.x-btn-grid-ecommerce {
    width: 15px;
    height: auto;
    cursor: pointer;
    margin: -3px 10px 0px 0px;
}

.x-btn-status-grid-ecommerce {
    cursor: pointer;
    border-radius: 3px;
    width: 100px;
    padding: 1px 5px;
    margin: -2px 0px 4px 0px;
    color: #FFF;
}


/*
    pop-up
*/
    .x-popup {
        opacity: 0.9;
        color: #484848;
        background-color: #DEEFF9;
        animation-name: anim;
        animation-duration: 0.3s;
        -webkit-animation-name: anim; /* Chrome, Safari, Opera */
        -webkit-animation-duration: 0.3s; /* Chrome, Safari, Opera */
    }

    .x-popup-spiner {
        width: 100%;
        position: absolute;
        text-align: right;
        padding: 5px 5px 0px 0px;
        font-size: 14px;
        /*font-weight: bold;*/
    }

    .x-popup-spiner span {
        padding: 2px;
        cursor: pointer;
        margin-left: 10px;
    }

    .x-popup-title {
        width: 100%;
        padding-left:10px;
        float:left;
        color: #484848;
        background-color: #DEEFF9;
    }

    .x-popup-text {
        width: 100%;
        max-height: 200px;
        float: left;
        overflow: auto;
        color: #484848;
        background-color: #DEEFF9;
    }

    /* Chrome, Safari, Opera */
    @-webkit-keyframes anim {
        0%   {opacity:0.2;}
        25%  {opacity:0.4;}
        50%  {opacity:0.6;}
        75%  {opacity:0.8;}
        100% {opacity:1;}
    }

    /* Standard syntax */
    @keyframes anim {
        0%   {opacity:0.2;}
        25%  {opacity:0.4;}
        50%  {opacity:0.6;}
        75%  {opacity:0.8;}
        100% {opacity:1;}
    }

	.x-button-colorpicker,
	.x-button-colorpicker:active,
	.x-button-colorpicker:visited,
	.x-button-colorpicker:hover,
	.x-button-colorpicker .x-btn .x-btn-pressed .x-btn-default-small,
	.x-button-colorpicker .x-btn-focus .x-btn-default-small {
		border-radius: 0px;
		background-color: transparent !important;
		border:1px solid #C1C1C1 !important;
	}
	
	.x-tool-fix{
		width:16px !important;
		height:16px !important;
		background-image: url(images/tools/tool-fix.gif) !important;
	}