/* ******************************
    CONFIGURA��ES
******************************* */
body { margin: 0; padding: 0; overflow-x: hidden;padding-bottom:10px 10px 0;}
body.ui-widget-content {border:none;background-image:none;overflow: hidden;}


a img { border: none; vertical-align: bottom;}

h2 {margin: 10px 0;font-size:1.5em;}
h3 {font-size:1.3em;font-weight:normal;letter-spacing:0px;}

 a.btnExibePesquisaAvancada {
	display: block;
	line-height: 10px;
	padding: 0 20px 0 0;
	position: relative;
	text-align: right;
	float: right;
	text-decoration: none;
}

a.btnExibePesquisaAvancada span.ui-icon {
	position: absolute;
	top: 0;
	right: 0;
}

.info { font-size: 13px; margin: 0px 0px 10px; padding: 10px 10px 10px 50px;}
img.trigger,
.datepick-trigger {cursor: pointer;cursor:pointer;vertical-align:text-top; margin-left: 0; *margin-top: -5px;}
.ui-datepicker-trigger{cursor: pointer;cursor:pointer;vertical-align:text-top; margin-left: -18px; *margin-top: -5px;}

.loading_big {background: url("../../images/loading_big.gif") no-repeat scroll center center #FFFFFF;}
/* ******************************
    BOT�ES DO ESTILO DO GOOGLE
******************************* */
.btn {display: inline-block;background: none;margin:0 0 0 0px;padding: 2px 0;border-width: 0;
    overflow: visible;text-decoration: none;color: #333; 
    *line-height: 100%; /* � necess�rio deixar line-height em 100% para que no IE n�o quebre o layout do bot�o*/}
* html button.btn {padding-bottom: 1px;}
/*  Hack para Browsers Gecko, pois este coloca 3px de padding direito e esquerdo que n�o s�o sobreescritos; */
html:not  ([lang *=""]  ) button.btn {margin: 0 -3px;}
* html .btn span {padding-top: 0;}
.btn span {background: #EEE;margin: 0;padding: 2px 0;border-left: 1px solid #bbb;border-right: 1px solid #aaa;}
.btn span span {position: relative; padding: 2px .4em;border-width: 0;border-top: 1px solid #bbb;border-bottom: 1px solid #aaa;}
.btn span span img {vertical-align:text-top; border: 0px;}
/* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span,.btn:hover span span,.btn:focus span,.btn:focus span span {
    cursor: pointer; /* important for any clickable/pressable element */
    border-color: #000 !important;color: #000;}
.btn:active span {background-position: 0 -400px;outline: none;}
.btn.destaque:active span {background-position: 0 -400px;outline: none;}
.btn:focus,.btn:active {outline: none;}
.circle {width: 15px; height: 15px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; margin: 0 5px;border: 1px solid #C4C4C4;}
.triangle-up {width: 0;height: 0;border-left: 25px solid transparent;border-right: 25px solid transparent;border-bottom: 14px solid #000000; margin-top: 14px; margin: 14px auto 0;}


/* **********************
	ALERTA SUPERIOR, ex: 5 novas mensagens.
************************/
.alertaTopMenu span {
    background-color: #DA4400;
    border-color: -moz-use-text-color #DD3822;
    border-radius: 10px 10px 10px 10px;
    border-right: 1px solid #DD3822;
    border-width: 0 1px 1px;
    color: #FFFFFF;
    font-size: 9px;
    padding: 2px;
    position: relative;
    right: -13px; 
    top: -5px;
    show : 20000;
}

.alertaTopMenu span:hover {
	font-size: 11px;
	font-weight: bold;
}


/* /* ****************************** */
/*     BARRA DE CABE�ALHO */
/* ******************************* */ */
/* #cabecalho { top: 0; left: 0;padding: 0px 0px 1px;margin: 0px 0px 0px;height: 47px;height:57px\9;border-width:thin;} */
/* #cabecalho div.menu-item {float:left;text-align:center;margin:2px 0 0; width:70px\9; font-size:10px\9; margin-top:0px\9;} */
/* #cabecalho div.menu-item a {padding: 3px 5px;display:block;text-decoration:none;} */
/* #cabecalho div.menu-item a .icon {display: block;height: 25px;width: 32px;margin:0 auto;} */
/* #cabecalho div.menu-item a:hover {border-width:0;} */
/* #cabecalho div.menu-item a.active {border-width:0;padding:5px; height: 50px\9;} */
/* #cabecalho div.menu-item a.active .icon {height: 30px;width: 48px;} */
/* #cabecalho div.menu-item a strong { line-height:14px;margin: 0px; display: block;font-weight:normal;} */
/* #cabecalho div.menu-item a.active strong { margin:4px 0px;font-weight:bold;} */

/* #cabecalho a.logo {height: 45px;width: 145px;display:block;float: left;overflow:hidden;text-indent:-5000px} */
/* #cabecalho .ws {height: 45px;width: 145px;display:block;float: left;overflow:hidden;text-indent:-5000px} */

/* div.group.margin {margin: 10px 0 0;} */

/* .pieLabel {font-size: 11px; text-align: left;width:146px;padding:2px;border:1px solid #DDD;} */
/* .pieLabel a {font-size: 11px;} */
/* .pieChartBlock {margin-left: 150px;} */

/* /* ****************************** */
/*     BARRA DE NAVEGA��O */
/* ******************************* */ */
/* #navegacao { padding:0 0 100px; left: 0; position: absolute; text-align: left; top: 10px; width: 148px;} */

/* 	#hider {padding: 0pt 5px; cursor: pointer; font-size: 10px; position:absolute;top:-13px;line-height:10px;text-align:right;} */

/* 	/* ****************************** */
/* 	    MENU LATERAL */
/* 	******************************* */ */
/* 	#navegacao ul.menu li.last {border-bottom: none;} */
/* 	#navegacao ul.menu li a {font-weight: bold;padding-right:2px;} */
/* 	#navegacao ul.menu li.active {border-width: 1px 0 1px 5px;margin-right:-1px;margin-top:-1px;} */
/* 	#navegacao ul.menu li.active a {padding-right:2px;} */
	
/* 	#navegacao ul.menu { margin: 0; _margin: 0px 0 0px 2px; padding: 0px;} */
/* 	#navegacao ul.menu li { list-style: none; font-size: 14px; margin:0px;} */
/* 	#navegacao ul.menu li a { padding:5px 0 5px 5px; display: block; font-size: 11px;text-decoration: none;} */
/* 	/* Técnica para não amontoar os elementos na Listagem */ */
/* 	#navegacao ul.menu li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} */
/* 	#navegacao ul.menu li {display: inline-block;} */
/* 	/* Holly Hack Targets IE Win only \*/ */
/* 	#navegacao * html ul.menu li { height: 1%;} */
/* 	#navegacao ul.menu li {display: block;border-width:1px 0;margin-top:-1px;} */
/* 	#navegacao ul.menuExpand {margin: 0px; padding: 0px;} */
/* 	#navegacao ul.menuExpand li {list-style: none;} */
/* 	#navegacao ul.menuExpand li .itemExpand { display:block; padding:5px; text-decoration:none;cursor:pointer;border-width:1px 0;margin-top:-1px;position:relative;} */
/* 	#navegacao ul.menuExpand li .itemExpand .ui-icon {position:absolute;top:4px;right:2px;} */
/* 	#navegacao ul.menuExpand li ul.menu { margin: 0px;} */
/* 	/* */
/* 	#navegacao ul.menu { margin: 0px 0 0px 2px; _margin: 0px 0 0px 2px; padding: 0px;} */
/* 	#navegacao ul.menuExpand li ul.menu { margin: 0px 0 0px 2px;} */
/* 	*/ */
/* 	#navegacao.popup {padding:6px 0;top:0px;-moz-box-shadow:2px 2px 2px #333;} */
/* 	#navegacao.popup ul.menu li.active {border-width: 1px 5px 1px 0;margin-right:0;} */

/* ******************************
    BARRA DE CONTEUDO
******************************* */
#content {position:relative;}
#principal {margin-left: 148px; min-height:490px; padding:5px 5px 0;border-width:1px 0 0 1px;}
	
	/* ******************************
	    ABAS
	******************************* */
	
	div.abas .btn span span {border-bottom: none; }
	div.abas { width: 100%; line-height: normal;margin:0 0 0px;padding:0 0 2px;height: auto;}
	div.abas ul { margin: 0; padding: 0; list-style: none;}
	div.abas li { display: inline; margin: 0; padding: 0;}
	div.abas a.btn { float: left; margin: 0; padding: 0 0 0 2px; *line-height: 20px;}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	div.abas a span { float: none;}
	/* End IE5-Mac hack */
	div.abas a:hover span { color: #000;}
	
		/* ******************************
		    BARRA DE DROPDOWN DAS ABAS
		******************************* */
		div.abas ul {list-style: none;padding: 0;margin: 0;}
		div.abas ul > li {float: left; line-height: 20px;}
		div.abas ul.panelSubmenu li a {padding: 5px;}
		div.abas ul.panelSubmenuRelatorio li a {padding: 5px;}

	
	/* ******************************
	    BARRA DE BOT�ES
	******************************* */
	#principal div.buttonbar {float:right;}
	#principal div.buttonbar ul {margin: 0; padding: 0; text-align: right;}
	#principal div.buttonbar ul li {list-style: none; display: inline;}

	/* ******************************
	     BOTÕES PLUGIN PESQUISA
	******************************* */
	a.btnsearchplugin{height:16px; width:18px;}
	a.btnsearchplugin span {top : -2px}
    a.btnsearchplugin span img {height: 15px}
    
/*     .ui-autocomplete{max-height: 105px !important} */
	
    #formSearch_CLIENTE label{
        width: 75px;
    }
    
    .search-autocomplete{width: 331px !important;}
    
    .link{text-decoration: underline !important;}
    
    .link-search{text-decoration: underline !important;}
    
	.close {
	    background-color: transparent;
	    color: red !important;
	    font-size: 10px;
	    padding-left: 1px;
	    padding-right: 9px;
	    font-weight: bold;
	}
    
    .searchplugin div div div{
	    float: left;
	    position: relative;
	    overflow: hidden !important;
    }
    
    .search-input{
        border: none !important;
        height: 11px;
        width: 80px !important;
        float: left;
        outline: none;
    }
    
    .search-input:ACTIVE{
        border: none !important;
    }
    
    .form ul li.searchplugin {overflow: hidden;}
    
    .readOnly{ background: #F0F0F0 !important;}
    
/*     .close:HOVER{ */
/*         font-size: 13px; */
/*         background-color: rgba(0, 0, 0, 0.2); */
/*     } */
	
	/* ******************************
	    TITULO
	******************************* */
	
	#principal div.title { margin:0 0 10px 10px;}
	#principal div.title h1 { font-size:1.5em; margin: 0px; }
	#principal div.title h2 { font-size:1em; margin: 0px; }
	   
    /* ******************************
        CORPO DO CONTEUDO
    ******************************* */
    #principal div.body {padding: 0.2em; clear: both;margin: 0px 0;border-width:0;}
    
/* ******************************
    BARRA DE RODAPE
******************************* */
#rodape {bottom:0;padding:3px;position:fixed;text-align:center;width:100%;z-index:200;border-width:1px 0 0 0;}

/* ******************************
    FORMULARIO
******************************* */
.form {margin: 0px;}
.form ul { margin: 0px; padding: 0px;}
.form ul li a { text-decoration: none; }
.form .item {padding: 5px;}
.form ul li, .form table.form { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0px; padding: 5px; display: list-item;}
.form select,.form textarea,.form input { width: 140px; }
.form select.autowidth,.form textarea.autowidth,.form input.autowidth { width: auto; }
.form label {
    display: inline-block; /* IE8 le esse e ignora o seguinte */
	/*display: -moz-inline-box;  Firefox le esse e sobrescreve o anterior */
	*display: inline-block; /* IE7 reconhece esse * e sobrescreve o anterior */
	width: 90px; padding: 0 4px; font-weight: normal; text-align:left;
	*padding-bottom: 0px; /* IE7 reconhece esse * e sobrescreve o anterior */
	*padding-top: 3px; /* IE7 reconhece esse * e sobrescreve o anterior */
	}
.form img.requerido {margin: 0;vertical-align:top;}
.form textarea.grande,.form input.grande { width: 400px;}
/* especifica um tamanho menor para campo para que este caiba na linha junto com um botao */
.form textarea.grandecombotao,.form input.grandecombotao { width: 370px;}
.form select {width: 148px;}
.form select.grande { width: 408px;} /* � preciso adicionar + 8 pixels no select */
.form textarea.grandeHQL { width: 800px; height: 300px;}
.form label.filtro { display: block; float: left; width: 100px; }
.form label.first {width: 140px; padding-left: 0px; float: left;margin: 0px 0px 0px 2px;}
.form select.multiple {width: 250px;height: 300px;}
.form ul li.buttons {margin: 10px 0px;border-bottom: none;padding: 0px;}
.form p.error div.error,.form ul li.error div.error, .form  div.errorparent div.error {padding: 4px;margin: 0 0 6px; line-height:2em;}
.form p.error div.error {margin:5px;}
.form input[type=file].grande {width: 408px;}
fieldset {margin:0 0 10px;padding:5px;position:relative;}
fieldset legend { padding: 0px 10px;font-size:1.3em;font-weight:bold;}
fieldset .form ul li {padding: 2px; border-bottom: none;}
.form input.checkbox { border: 0px; width: auto;}
.form input.radio {vertical-align: middle; width: auto;}
.form input[type=radio] {width: auto;}
.form label.checkbox {width: 150px;padding-left:0;}
.form label.radio {width: 148px;padding-left:0;vertical-align: middle;}
.form label.icon { padding-left: 20px; background-repeat: no-repeat; background-position: left center;}
img.datepick-trigger { margin:0 2px 0 -18px; position:relative;}

/* ******************************
    PAGINA DE MENU
******************************* */
div.linkcontainer div { clear: both;}
div.linkcontainer br { clear: both;}
div.linkcontainer div h2 {margin: 0; padding: 0px}
div.linkcontainer div h3 {margin: 0; padding: 0px}
div.linkcontainer ul { margin:  0; padding: 0;}
div.linkcontainer ul ul { margin: 10px 0 20px;}
div.linkcontainer ul li { list-style:  none;}
div.linkcontainer ul li { display: inline; float: left;}
div.linkcontainer ul li ul li { display: block; float: none; }
div.linkcontainer div ul li ul li {border-right: none;border-left: none;margin: 0;padding: 0;width: auto;}

/* ******************************
    PAINEL DE SUBMENU RELATORIO
******************************* */
.panelSubmenuRelatorio {width: 222px;display: none;list-style: none;position: absolute;margin: 0;z-index: 90;padding: 0;}
.panelSubmenuRelatorio li {display: block; text-align: left;margin:0;padding:0;}
.panelSubmenuRelatorio li a {display: block;padding: 5px;text-align: left;}
.panelSubmenuRelatorio li a {font-size:12px;text-decoration:none;width:222px;_width:100%;}
.panelSubmenuRelatorio li ul {margin: -29px 0 0 222px;position: absolute;}
.panelSubmenuRelatorio li.subtitle {display:block;font-size:13px;font-weight:bold;padding:0 2px;	text-align:center;}

/* ******************************
    PAINEL DE SUBMENU
******************************* */
.panelSubmenu {width: 162px;display: none;list-style: none;position: absolute;margin: 0;z-index: 90;padding: 0;}
.panelSubmenu li {display: block; text-align: left;margin:0;padding:0;}
.panelSubmenu li a {display: block;padding: 5px;text-align: left;}
.panelSubmenu li a {font-size:12px;text-decoration:none;width:152px;_width:100%;}
.panelSubmenu li ul {margin: -29px 0 0 163px;position: absolute;}
.panelSubmenu li.subtitle {display:block;font-size:13px;font-weight:bold;padding:0 2px;	text-align:center;}

/* ******************************
    LISTA DE DETALHAMENTO
******************************* */
table.detalhamento {
	background:#F6F5F0 none repeat scroll 0 50%;border:1px solid #DFDFDF;
	color:#666666;font-size:13px;padding:5px;width:100%;}
table.detalhamento tr td.label,
table.detalhamento tr label {font-weight:normal;}
table.detalhamento tr td {border-bottom:1px solid #FFFFFF;color:#565248;font-weight:bold;padding:5px;}
table.detalhamento tr.even td {color: #333;}

/* ******************************
    SECAO VERTICAL
******************************* */
ul.secao.vertical { margin: 0px; padding: 0px;}
ul.secao.vertical li { list-style: none; width: 190px;}
ul.secao.vertical a { display: block; font-size: 12px; height: 20px; margin: 0px 0; padding: 7px 0 3px 5px;}

/* ***************************************
   CAMPO DE BUSCA DE CAMPOS COM JANELA
**************************************** */
/** utilizado para corrigir espaco no ie 7 nos campos de busca **/
div.ajusteLayout {
	
	margin-top: 0px;
	height: 24px;
	}
div.windowSearch div.name { float: left;width: 300px;}
div.windowSearch a {position: absolute; margin-top: -5px;}
div.windowSearch a.alinhado {position: absolute; margin-top: 4px;}
div.windowSearch a.buscar { margin-left: -45px;
/*hack ie 7*/
*margin:0px;
*margin-left: -43px;

}
div.windowSearch a.limpar { margin-left: -25px;
/*hack ie 7*/
*margin:0px;
*margin-left: -23px;
}
div.windowSearch .empty {color: #999;}
div.windowSearch .readonly {color: #404040;}

/* ******************************
    ARVORE
******************************* */
ul.tree, ul.tree * { list-style-type: none; margin: 0; padding: 0 0 5px 0;}
ul.tree img.arrow { padding: 2px 0 0 0; border: 0; width: 20px;}
ul.tree li { padding: 4px 0 0 0; clear:both; font-size:13px;}
ul.tree li ul { padding: 0 0 0 20px; margin: 0; }
ul.tree label { cursor: pointer; padding: 2px 0;}
ul.tree li .arrow { width: 20px; height: 20px; padding: 0; margin: 0; cursor: pointer;
    float: left; background: transparent no-repeat 0 4px;}
ul.tree li .checkbox { width: 20px; height: 18px; padding: 0; margin: 0; cursor: pointer; float: left;}


/* ******************************
    CAMPO DE FILTRO
******************************* */
input.filter {background-repeat: no-repeat;background-position: right center; 
    margin-bottom: 1px;font-size: 12px;padding: 2px;}
    
    
/* ******************************
    AUTOCOMPLETE
******************************* */
.autocomplete-w1 { background:url(shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }
    
/* ******************************
    Sim3g UI
******************************* */
.ui-sim3g-panel { padding: 0.2em; }
.ui-sim3g-header { line-height: 1.3; }
.ui-sim3g-footer {clear:both;padding:0.2em;}
.ui-sim3g-toolbar {text-align: right; padding: 0.2em;}


/* lista checkbox na busca avançada de clientes em 2 colunas */
.formAvancada .sSituacao .desc {width:270px; float:left; padding: 5px 20px 5px 0;   height:35px; position: relative;}
.formAvancada .sSituacao .listSituacao{margin-left:150px; width:750px;}
.formAvancada .sSituacao .desc label{width:230px; padding-left:25px;}
.formAvancada .sSituacao .desc input{position:absolute; top:3px;}
.formAvancada #clear{clear:both;}

    
/* BOTOES */
.ui-button { 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 */
.ui-button .ui-button-content {display: block;line-height:1em; padding:.4em 1em;position:relative;}
.ui-button-image .ui-button-content {padding:.4em 1em .4em 25px;}
.ui-button-image .ui-button-content img { position: absolute; left: 2px;top:2px; }
a.ui-button {padding:1px 3px;}
a.ui-button:hover {color:#FFF;}
.ui-button-text-icon-primary .ui-button-text{margin-left:5px;}

/* DATEPICKER */
.ui-datepicker-header {text-align:center;} 
.ui-datepicker-header a {text-decoration:none;} 
.ui-datepicker-cmd-next {float:right;}
.ui-datepicker-cmd-prev {float:left;}
.ui-datepicker-cmd-clear {float: left;}
.ui-datepicker-cmd-close {float: right;}

.ui-widget-content .ui-icon.ui-sim3g-icon-pesquisar {background-image:url(../../images/sim3g/icons/pesquisar.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-pdf {background-image:url(../../images/sim3g/icons/pdf.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-xls {background-image:url(../../images/sim3g/icons/xls.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-confirmar {background-image:url(../../images/sim3g/icons/confirmar.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-filtrar {background-image:url(../../images/sim3g/icons/filtrar_azul.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-add {background-image:url(../../images/sim3g/icons/add_icon.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-aceito {background-image:url(../../images/sim3g/icons/aceito.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-adicionar {background-image:url(../../images/sim3g/icons/adicionar.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-transferencia {background-image:url(../../images/sim3g/icons/transferencia.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-visualizar {background-image:url(../../images/sim3g/icons/visualizar.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-remover {background-image:url(../../images/sim3g/icons/remover.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-gravar {background-image:url(../../images/sim3g/icons/gravar.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-dividirarea {background-image:url(../../images/sim3g/icons/dividirArea_16x16.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-voltar {background-image:url(../../images/sim3g/icons/voltar.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-editar {background-image:url(../../images/sim3g/icons/editar.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-cancelar {background-image:url(../../images/sim3g/icons/cancelar.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-limpar {background-image:url(../../images/sim3g/icons/limpar.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-rejeitado {background-image:url(../../images/sim3g/icons/rejeitado.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-atualizar {background-image:url(../../images/sim3g/icons/atualizar.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-profissionais {background-image:url(../../images/sim3g/icons/profissionais.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-relatorio {background-image:url(../../images/sim3g/icons/relatorio.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-relatorio_p {background-image:url(../../images/sim3g/icons/relatorio_p.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-group {background-image:url(../../images/sim3g/icons/group.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-fotos {background-image:url(../../images/sim3g/icons/fotos.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-limpar-16 {background-image:url("../../images/sim3g/icons/cancel16x16.png");}
.ui-widget-content .ui-icon.ui-sim3g-icon-search {background-image:url("../../images/sim3g/icons/bSearch.png");}
.ui-widget-content .ui-icon.ui-sim3g-icon-forward {background-image:url("../../images/sim3g/icons/forward.png");}
.ui-widget-content .ui-icon.ui-sim3g-icon-backward{background-image:url("../../images/sim3g/icons/backward.png");}
.ui-widget-content .ui-icon.ui-sim3g-icon-forwardall {background-image:url("../../images/sim3g/icons/forward-all.png");}
.ui-widget-content .ui-icon.ui-sim3g-icon-backwardall{background-image:url("../../images/sim3g/icons/backward-all.png");}
.ui-widget-content .ui-icon.ui-sim3g-fullscreen{background-image:url("../../images/sim3g/icons/full-screen.png");}
.ui-widget-content .ui-icon.ui-sim3g-fullscreen-off{background-image:url("../../images/sim3g/icons/full-screen-off.png");}
.ui-widget-content .ui-icon.ui-sim3g-icon-gps {background-image:url(../../images/sim3g/icons/gps.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-tabela-engrenagem {background-image:url(../../images/sim3g/icons/tabelaEngrenagem_16x16.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-tabela-lapis {background-image:url(../../images/sim3g/icons/tabelaLapis_16x16.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-presentation {background-image:url(../../images/sim3g/icons/presentation.png);}
.ui-widget-content .ui-icon.ui-sim3g-icon-iniciar {background-image:url(../../images/sim3g/icons/forward.png);}

    
/* Panel
----------------------------------*/
.ui-panel {text-align:left;z-index:1;}
.ui-panel-header {margin:0;padding:0;width:100%;}
.ui-panel-header .ui-icon {border:0;float:left;margin-top:0.2em;}
.ui-panel-title {margin:0.3em 0;}
.ui-panel-title-text {margin-left:0.3em;}
.ui-panel-title-text,.ui-panel .ui-icon {cursor:pointer;}
.ui-panel-rightbox {float:right;}
.ui-panel-rightbox .ui-icon {margin-right:0.1em;}
.ui-panel-controls {float:left;margin:0.2em 0.7em 0 0;}
.ui-panel-content {padding:0;width:100%;border-top:0;}
.ui-panel-content-text {padding:0.7em 0.4em;}
.ui-panel-clps-pnl {float:left;padding:0 0.25em;position:relative;padding:1px;}
.ui-panel-clps-pnl:hover {padding:0px;}
.ui-panel-vtitle {overflow:hidden;position:relative;white-space:nowrap;}
.ui-panel-vtext {display:block;}
.ui-panel-vtext-ie {bottom:1.5em;filter:flipv() fliph();left:0.2em;position:absolute;writing-mode:tb-rl;}

/* Linha da grid
----------------------------------*/
.ui-widget-content .ui-state-highlight.active, 
.ui-widget-header .ui-state-highlight.active,
.ui-state-highlight.active {border:1px solid #000;font-weight:bold;}

.slick-row.newLine .slick-cell, .slick-row.modificado .slick-cell {background-color: #e7fbff;}
.slick-row.removido .slick-cell {color: red;}
.slick-row.inativo .slick-cell {color:#999; font-style: italic;}

span.slick-columnpicker {z-index: 8000 !important;}
span.slick-columnpicker li {list-style: none;}

.slick-cell .handler {position:absolute;top:0;right:0;padding:2px;}
.ui-sim3g-dialog-filter-form {padding:5px;margin:5px 0;position:relative;}
.ui-sim3g-dialog-filter-form input {width:100%;padding:5px 0;}
.ui-sim3g-dialog-filter-form button {position:absolute;top:5px;right:0px;}

.alertGrid-modified {
	background-image: url("../../images/sim3g/icons/pendentes.png");
    position: absolute;right: 0;top: -10px;width: 16px;height: 16px;
}

/*z-index da lista do serchbox gmapv3 *AUTOCOMPLETE* */
.pac-container {
    z-index: 10001!important;
}
.gmap-searchInput{
	margin-top: 5px;
	width: 30%;
}

.labelNegrito label {
	font-weight: bold;
} 

.ui-click{
	cursor: pointer;
}

*{
  margin: 0;
  padding: 0; 
}

/* Util para montar layouts sem float, utilizando apenas o flex */
.layout-row{
    flex-direction: row;
}

.layout-column{
    flex-direction: column;
}

.layout-row, .layout-column {
    display: flex;
    align-items: stretch;
}

.layout-flex {
    flex: 1;
}

/* icon span do menu (hamburger)*/
#hider {
    width: 24px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    margin: 0 16px 0 20px;
}

#hider span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#hider span:nth-child(1) {
  top: 30%;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#hider span:nth-child(2) {
  top: 45%;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#hider span:nth-child(3) {
  top: 60%;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#hider.open span:nth-child(1) {
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 30%;
}

#hider.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#hider.open span:nth-child(3) { 
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);
    top: 65%
}

/* FIM - icon span do menu (hamburger)*/

/* Viewport HEADER ) topo do sistema*/
.sim3g-viewport-header {
    height: 50px;
    box-sizing: border-box;
    background: #25282A;
    border-bottom: 1px solid #4e4d4d;
/*     box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); */
    z-index: 10;
}

.sim3g-viewport-header .logo{
    width: 190px;
    min-width: 190px;
    min-height:50px;
    border-left: 1px solid #4e4d4d;
/*     background-color: #2e3234; */
}

.sim3g-viewport-header__tools a{
    color: #dcdcdc;
    text-decoration: none;
}

.sim3g-viewport-header.is-hidden {
    display: none;
}

/* .menuConfig-content a:hover, */
/* .menuConfig-content a:hover a, */
/* .menuConfig-content a:hover p { */
/*     background: #272727 !important; */
/*     color: #ffffff; */
/*     font-weight: 600; */
/* } */

/* .sim3g-viewport-header .sim3g-viewport-header__tools  div:hover:not(.menuConfig-content), */
/* .sim3g-viewport-header .sim3g-viewport-header__tools  div:hover:not(.menuConfig-content) p, */
/* .sim3g-viewport-header .sim3g-viewport-header__tools  div:hover:not(.menuConfig-content) a { */
/*  cursor: pointer; */
/*  background: #1b1b1b; */
/*  color: #ffffff; */
/* } */

.sim3g-viewport-header .sim3g-viewport-header__tools > div{
    font-weight: bold;
    border-radius: inherit;
    line-height: 50px;
    cursor:pointer;
    padding: 0 15px 0 25px;
}
/* FIM - Viewport HEADER ) topo do sistema*/

/* Wrapper do viewport (contem o navigation e o content em si) */
.sim3g-viewport-wrapper {
    overflow: hidden;
    position: absolute;
    top: 50px;
    right: 0;
    left: 0;
    bottom: 0;
    padding-top: 0;
    margin: 0px;
    -webkit-overflow-scrolling: touch;
}

/*FIM Wrapper*/
.sim3g-viewport-navigation__360view {
    top: 0;
    right: 0;
    position: absolute;
    width: 250px;
    min-width: 250px;
    height: 100%;
    border-right: 1px solid #2e3234;
    z-index: 9;
    background: #25282a;
    transform: translateX(0);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.sim3g-viewport-navigation__360view.closed {
    transform: translateX(250px);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

/*Navigation do viewport (também conhecido como menu lateral )*/
.sim3g-viewport-navigation {
    top: 0;
    left: 0;
    width: 250px;
    min-width: 250px;
    height: 100%;
    border-right: 1px solid #4e4d4d;
    z-index: 9;
    background: #25282a;
/*     transform: translateX(0); */
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.sim3g-viewport-navigation.without {
    width: 60px;
    min-width: 60px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    overflow: hidden;
/*     transform: translateX(-250px); */
/*     position:absolute; */
}

.sim3g-viewport-navigation .sim3g-viewport-navigation__header {
    padding: 15px;
    border-bottom: 1px solid #4e4d4d;
}

.sim3g-viewport-navigation .sim3g-viewport-navigation__header #inputSearch
    {
    box-shadow: none;
    background-color: #2e3234;
    padding: 4px 30px 4px 4px;
    border: none !important;
    width: 100%;
    color: white;
    height: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    outline: none;
}

.sim3g-viewport-navigation .sim3g-viewport-navigation__header #inputSearch:focus
    {
    background: #3a3d3f;
    font-weight: 400;
}

.sim3g-viewport-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(33, 33, 33);
    transform: translateX(-100%);
    opacity: 0;
    z-index: 8;
    transition: opacity .3s ease-in-out;
}

@media screen and (max-width: 1600px) {
    .sim3g-viewport-navigation {
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0
            rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12)
    }
    .sim3g-viewport-navigation.is-open ~ .sim3g-viewport-backdrop {
        opacity: .48;
        transform: none;
    }
}

.sim3g-viewport-content {
    margin: 0 auto;
    overflow-y: auto;
    overflow-x: hidden;
    transition: opacity .2s ease-in;
    padding: 10px;
/*     background: rgba(0, 0, 0, 0.05); */
    display: flex;
}

.sim3g-viewport-content main  {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.dropbtn {
    color: #dcdcdc;
    border: none;
    cursor: pointer;
}

.menuConfig-content {
    display: none;
    position: absolute;
    width: 240px;
    min-height: 150px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    right: 9px;
    left: auto;
    top: 48px;
    z-index: 9999;
}

.menuConfig-content a {    
    padding: 10px 8px;
    text-decoration: none;
    display: block;
    border-bottom: 0.5px ridge #4e4d4d;
    text-align: left;
    height: 33.3%;
    line-height: 30px;
}


.menuConfig-content a i{ 
    float: left;
    margin-right: 30px;
}

.menuConfig-content a p{
    text-indent: 30px;
}

/* .menuConfig:hover .menuConfig-content { */
/*     display: block; */
/* } */

/* .menuConfig:hover .dropbtn {
    background-color: #a1adaf;
} */

/* .scrollbar */
/* { */
/*     overflow-y: scroll; */
/*     margin: 1px 3px 1px 0px; */
/* } */
/* .sim3g-viewport-navigation__content::-webkit-scrollbar-track */
/* { */
/*     background-color: #25282a; */
/*     border-radius: 35px; */
/* } */

/* .sim3g-viewport-navigation__content::-webkit-scrollbar */
/* { */
/*     width: 6px; */
/* } */

/* .sim3g-viewport-navigation__content::-webkit-scrollbar-thumb */
/* { */
/*     background-color: #cacaca; */
/*     border-radius: 35px; */
/* } */

/* .sim3g-viewport-navigation__content { */
/*     overflow-x: hidden; */
/* } */
.sim3g-viewport-navigation__content{
    overflow-y: auto;   
}

.hidden{
    display:none !important;
}

#menuMain li{
    list-style-type: none;
}

#menu360 li span,
#menuMain li span{
    border: 0;
    user-select: none;
    display: inline-block;
    padding: 12px 4px;
    text-indent: 8px;
    color:#dcdcdc;
    text-decoration: none;
    clear: both;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    font-family: 'Acme', sans-serif;
    width: 97%;
    vertical-align: middle;
}

#menuMain li span{
    cursor: pointer;
}


#menuMain > li > ul > li{
    min-height: 35px;
    text-align: left;
    user-select:none;
}

#menuMain span:hover{
    background: #181919;
    color: #ffffff;
    font-weight: 700;
}
#menuMain span:hover{
    background: #181919;
    color: #ffffff;
    font-weight: 600;
}

#navegacao ul.menuExpand li ul.menu, #navegacao ul li ul span.toggle {
/*     margin-left: 7px; */
    font-size: 13px;
}

#navegacao ul.menuExpand li ul.menu {
    font-size: 12px;
}
#menuMain a{
    font-size: 12px;
    text-decoration: none;
}
.sim3g-viewport-navigation__360view ul#menu360 .menu.inner li{
    padding: 6px 9px;
}
#navegacao ul.menu li {
    display: block;
    padding: 10px 30px;
    cursor: pointer;
}

#navegacao ul.menu li:not(.active):hover{
    /* background: rgba(0, 0, 0, 0.48); */
    background: #3a3d3f;

    /* border-left: 3px solid #f9f9f9; */
}

#navegacao ul.menu li:not(.active):hover a{
    color: #ffffff !important;
    font-weight: 400;
}

.visited{
/*  background: #181b1d; */
    background: #1b1b1b; /** menu */
}

.visited + ul span{
    background: #1b1b1b; /** submenu */
}

.visited+ul li .show li { /* items */
    background: #212121;
    border-left: 3px solid #f9f9f9;
}

img#userPhoto{
    height: 40px;
    width: 40px;
    border-radius: 100%;
    margin: 4px;
    box-shadow: 0 0px 0px 4px rgba(0, 0, 0, 0.2);
}

div#userInfo {
    padding: 8px 15px;
}

.sim3g-viewport-header__tools #userName{
    text-align: right;
    line-height: 2;
    font-size: 12px;
}

.sim3g-viewport-header__tools .userAccessProfile p{
    text-transform: lowercase;
    color: #dcdcdc;
}

.sim3g-viewport-header__tools .userAccessProfile p::first-letter {
    text-transform: uppercase;
}

.sim3g-viewport-header__tools .userAccessProfile {
    text-align: right;
    line-height: 0;
}

.sim3g-viewport-navigation__content .ui-state-active.active{
    border: 0;
/*     border-left: 3px solid #e0f2f1; */
    padding: 8px 18px;
    background: #f9f9f9;
    box-shadow: 0px 0px 1px rgba(62, 62, 62, 0.6) inset;
}

.sim3g-viewport-navigation__content .ui-state-active.active a{
    color: #000000 !important;
    font-weight: 600;
}

  .ui-widget input[type=checkbox]{
    margin: 4px;
}

.sim3g-viewport-navigation__360view .input-search-plugin  {
    width: 240px !important;
    padding: 0 !important;
    float: none !important;
    border: none !important;
}

.sim3g-viewport-navigation__360view label{
    float:none !important;
    position: inherit !important;
    display: flex !important;
    width: auto !important;
    padding: 3px 0;
}

.sim3g-viewport-navigation__360view .searchplugin input {
    box-shadow: none;
/*     background-color: #2e3234; */
    padding: 0 5px;
    border: none !important;
    width: 100% !important;
    height: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    outline: none;
}
.sim3g-viewport-navigation__360view .searchplugin > div{
    padding: 10px 5px;
    max-height: 65px;
}

.sim3g-viewport-navigation__360view .minimalist-button-search, .sim3g-viewport-navigation__360view .minimalist-button-light{
    padding: 5px !important;
    vertical-align: top;
    border: none !important;
    bottom: 32px;
    left: 180px;
}

.sim3g-viewport-navigation__360view ul#menu360 {
    margin: 7px 3px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100%;
    min-height: 100%;
}

.sim3g-viewport-navigation__360view .imagemCliente{
    text-align: center;
    margin-bottom: 10px;
}

.sim3g-viewport-navigation__360view .imagemCliente img{
    width: 145px;
    height: 130px;
    border-radius: 50%;
}

.sim3g-viewport-navigation__360view ul#menu360 *{
    list-style: none;
    text-decoration: none;
}

.sim3g-viewport-navigation__360view ul#menu360 .menu.inner li {
    text-indent: 30px;
    font-size: 12px;
    cursor: pointer;
}

.sim3g-viewport-navigation__360view ul#menu360 > li {
    line-height: 25px;
}

.sim3g-viewport-navigation__360view ul#menu360 > li span{
    font-size: 14px;
    overflow-y: auto;
}
.sim3g-viewport-navigation__360view .searchplugin div div:not([name=searchCliente360]){
    float:none;
    position: absolute;
    overflow: hidden !important;
    top: 32px;
    height: 30px;
    cursor:pointer;
}
.sim3g-viewport-navigation__360view .searchplugin div div:not([name=searchCliente360]):last-child{
    right: 5px;
}
.sim3g-viewport-navigation__360view .searchplugin div div:not([name=searchCliente360]):nth-last-of-type(2){
    right: 30px;
}

.button-view360{
    margin: 0;
    padding: 0 20px;
    border-right: 1px solid #4e4d4d;
}

.sim3g-viewport-navigation__content360{
    max-height: 100%;
}

.button-view360 p{
    height: 100%;
    width: 100%;
    margin-top:12px;
}

.sim3g-viewport-navigation__360view .searchplugin .link-search{
    line-height: 25px;
}

.sim3g-viewport-navigation__360view .div-input-plugin-search > div{
    left: 5px;
    top: 0 !important;
}