/**Tabs do Menu */
.menuTab {
    line-height: 15px !important;
    font-size: 19px;
    float: left;
    margin: -8px 0px 0px -28px ;
   	width: 94px;
    padding: 0px;
    cursor:pointer;
    position:relative;
}

.menuTab a:hover, .menuTab a:focus {
    color: #fff !important;
    text-decoration: none;
}

.menuTab.left.active {
    margin-left: 16px;
}

.menuTab.right {
    margin-left: -34px;
}

.menuTab i {
 	position: relative;
}

.menuTab:not(.active) i {
    left: 19px;
}

.menuTab.left:not(.active) i {
    left: -19px;
}

.menuTab.left.active i {
    left: -30px;
}

.menuTab.right.active {
    margin-left: -34px;
}

.menuTab.right.active i {
    left: 30px;
}

.menuTab a {
    float: left;
    text-decoration: none;
    color: #FFF;
    width: 94px;
    padding: 6px 41px;
    text-align: center;
    background: #3B67C1 none repeat scroll 0% 0%;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px; 
}

.menuTab.active {
  z-index: 3;
}

.menuTab.active a { 
  /* Colors when tab is active */
  background: #23468E none repeat scroll 0% 0%; 
  color: #fff; 
}

.menuTab:before, .menuTab:after, 
.menuTab a:before, .menuTab a:after {
  /* All pseudo elements are 
     abs. positioned and on bottom */
  position: absolute;
  bottom: 0;
}

/* Only the first, last, and active
   tabs need pseudo elements at all */
.menuTab:last-child:after,   .menuTab:last-child a:after,
.menuTab:first-child:before, .menuTab:first-child a:before,
.menuTab.active:after,   .menuTab.active:before, 
.menuTab.active a:after, .menuTab.active a:before {
  content: "";
}

.menuTab.active:before, .menuTab.active:after {
  background: #23468E none repeat scroll 0% 0%; 
  
  /* Squares below circles */
  z-index: 1;
}

/* Squares */
.menuTab:before, .menuTab:after {
  background: #23468E;
  width: 10px;
  height: 10px;
}

.menuTab:before {
  left: -10px;      
}

.menuTab:after { 
  right: -10px;
}

/* Circles */
.menuTab a::after, .menuTab a::before {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #23468E none repeat scroll 0% 0%;
    z-index: 2;
}

.menuTab.active a::after, .menuTab.active a::before {
    background: #3B67C1 none repeat scroll 0% 0%;
}

/* First and last tabs have different
   outside color needs */
.menuTab:first-child.active a:before,
.menuTab:last-child.active a:after {
  background: #23468E none repeat scroll 0% 0%;
}

.menuTab a:before {
  left: -20px;
}

.menuTab a:after {
  right: -20px;
}

/*
 *  Textos
 */

/*texto exibido no lugar dos botoes de navegacao quando eles nao exisstem (digitacao, exportacao coleta)*/
.tituloMenu {
    color: #FFF;
    display: block;
    font-size: 14px;
    /* width: 177px; */
    margin: auto;
    padding: 5px 5px 10px;
}

#mws-navigation button.itemMenu {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    text-align: left;
    width: 99%;
    overflow: hidden;
    line-height: 32px;
    white-space: nowrap;
}

#mws-navigation button.itemMenu:active {
	background: #3B67C1  none repeat scroll 0 0 !important;
}

/* super itens */
#mws-navigation>ul>li>a {
	position: static !important;
}

/* texto da legenda do mapa temático no menu lateral*/
#mws-navigation .legendaTematico td label {
	color: #000000 !important;
}

#mws-navigation .legendaTematico {
	font-size: 10px;
}

#mws-navigation .legendaTematico col, #mws-navigation .legendaTematico th
	{
	width: 47px !important;
}

#mws-navigation .legendaTematico .ui-datatable-scrollable-body {
	margin-right: 0 !important;
}

#mws-navigation  li.group>ul, #mws-navigation  li.group>ul>li.hide {
	display: none;
	cursor: pointer;
}

/*superitens que devem ficar sempre abertos*/
#mws-navigation li.group.open>ul, #mws-navigation li.group  ul.open {
	display: block !important;
}

/*********************************************
 * 
 *  MENU LATERAL MAPA
 * 
 ********************************************/

/*contem abas para alternar visões do menu camadas/ferramentas */
.menuNavContainer {
	height: auto;
	vertical-align: middle;
	width: 100%;
	list-style: none;
}

.menuNavContainer .searchContainer select.entidade {
	width: 71%;
	margin: 3px 0 10px 0;
}

/* Icones icomoon abas (camadas,ferramentas) */
#mws-sidebar .botao_func.nav>i {
	font-size: 1.5em;
}

/*Alternancia visibilidade das abas (camadas,ferramentas) */
#mws-navigation.hidden {
	display: none;
}

/*
  * Botoes abas (camadas,ferramentas)
  */
#mws-sidebar .botao_func.nav {
    float: left;
    font-size: 17px;
    outline: 0px none;
    padding: 4px 0px !important;
    text-align: center;
    width: 50%;
    height: 37px;
}

#mws-sidebar .botao_func.nav.left {
	box-shadow: -1px 0px 1px 0px #000 inset;
}

#mws-sidebar .botao_func.nav.right {
	box-shadow: 1px 1px 2px 0px #000 inset;
}

#mws-sidebar .botao_func.nav.abaSelecionada {
	box-shadow: none;
	background-color: transparent !important;
}

#mws-sidebar .botao_func.nav:not(.abaSelecionada) {
    background-color: #3B67C1;
}

/*texto botoes abas camadas/ferramentas*/
#mws-sidebar .botao_func.nav label {
	cursor: pointer;
}

/**
* Corpo menu - itens abaixo das abas de navegacao (camadas,ferranebtas)
*/
#mws-navigation {
	display: inline-block;
	overflow: auto;
	width: 100%;
	height: auto;
}

/*
 * Conteudo Aba Ferramentas
 * */

/* itens do menu */
#mws-navigation.ferramentas>ul>li>ul>li>a.itemMenu {
	margin: 0 !important;
}

/* itemMenu selecionado */
#mws-navigation .selected:not(.disabled) {
	background-color: #3B67C1 !important;
}

#mws-navigation button.selected label {
	color: #fff !important;
}

/**
 * Subitens de menu - lista/tabela dentro de um elemento de menu - inicialmente est�o recolhidos
 */

/* item clicavel*/
#mws-navigation .group a, #mws-navigation .group a label {
	cursor: pointer;
}

#mws-navigation .group ul {
	overflow: auto;
	padding: 0 0 0 1px;
}

/*tabela de camadas base */
#mws-navigation .group ul>table {
	margin: 0 0 0 16px;
}

/* imagem de legenda da camada */
.legendaCamada {
	display: block;
}

/*container legendas */
.legendaContainer {
	background: none repeat scroll 0 0 aliceblue;
	color: darkblue !important;
	margin: 2px !important;
	clear: right;
}

/**
* Referencias Externas (Camadas Base)
**/
/* tabela checkboxes com texto (mapa lado a lado / analise do tempo) */
.refsAnaliseTempo .checkboxComTexto>table {
	white-space: nowrap;
}

/**
 *  Handle Menu Lateral - recebe intera��o do usu�rio para esconder/mostrar menu lateral
 */
#handle_menu_lateral_mapa {
	background: #264A93 none repeat scroll 0 0;
	border-radius: 0 8px 8px 0;
	color: white;
	cursor: pointer;
	display: none;
	left: 100%;
	padding: 10px 3px;
	position: absolute;
	top: 43%;
	width: 16px;
	z-index: 9999;
	overflow: hidden;
}

#handle_menu_lateral_mapa.icon-arrow-right {
	left: 0px;
}

.menu_atual {
	float: left;
}

/*
* Item Menu Analise Espacial - "ADICIONAR CAMADA"
*/

/*botao upload*/
.btnAddCamada .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-file_upload-choose
	{
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	font-weight: normal;
	margin: 0 0 0 28px;
}

.btnAddCamada .ui-file_upload-content.ui-widget-content.ui-corner-bottom
	{
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	position: absolute;
}

.ui-file_upload.ui-widget.btnAddCamada {
	background: none repeat scroll 0 0 transparent !important;
}

.btnAddCamada .ui-file_upload-buttonbar.ui-widget-header.ui-corner-top {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
}

/*
* Busca Rapida Lote
*
*/
#mws-sidebar .buscaRapida {
	height: 65px;
	margin: 2px;
	border: 1px solid #fff;
	border-radius: 4px;
	padding: 5px;
	visibility: hidden;
}

#mws-sidebar .buscaRapida label {
	color: #fff;
}

#mws-sidebar .buscaRapida label i {
	margin: 6px;
}

#mws-sidebar .buscaRapida .select2-selection__arrow {
	display: none;
}

.servidor_integracao_inoperante {
	color: red !important;
}

.servidor_integracao_operante {
	color: green !important;
}