/*============================================================
 * 
 * CSS para Mapa e Funcionalidades
 * 
 * ============================================================
 */
.map_panel #mapa {
	height: 100%;
    width: 100% !important;
	position: absolute;
	right: 0;
}

#output {
	position: absolute;
	right: 4px;
	top: 50px;
	z-index: -1;
}

.measureOutput {
	background-color: yellow;
	color: navy;
	font-size: 14px;
}

.olImageLoadError {
	display: none !important;
}

.olControlNoSelect {
	margin-left: 5px;
}

.olControlScaleLine {
	bottom: 30px;
}

.olControlNoSelect.background {
	z-index: 755 !important;
}

.olControlLayerSwitcher .layersDiv {
	background-color: #558865;
	height: 100%;
	padding: 5px 75px 5px 10px;
	width: 100%;
}

.olControlOverviewMap {
	background: none repeat scroll 0 0 #FF0000;
	margin: 0;
	padding: 0;
}

.olControlOverviewMapElement {
	background-color: #FFFFFF;
	padding: 8px 11px 28px;
}

.olHandlerBoxSelectFeature {
	background-color: #FFFFFF;
	border: 2px solid #3B67C1 ;
	font-size: 1px;
	position: absolute;
}

.clearfix:after {
	clear: both;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
	line-height: 0;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
	line-height: 0;
}

/**=================================================================
 * 
 *  Mapa de Planta Quadra
 * 
 * =================================================================
 */
/* Deslizar mapa da direita */
#map_panelPlantaQuadra {
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	right: -290px;
}

/** caso a tela seja pequena, deslocar o mapa menos para a direita */
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	#map_panelPlantaQuadra {
		right: -150px;
	}
}

/* Deslocar mapa para direita para deixar menu � mostra */
#map_panelPlantaQuadra.menuHide {
	right: 0px;
	width: 100%;
}

/**=================================================================
 * 
 *  Mapa Side by Side
 * 
 * =================================================================
 */
/* Deslizar mapa da direita */
#map_panelSideBySide {
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	right: -290px;
}

/** caso a tela seja pequena, deslocar o mapa menos para a direita */
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	#map_panelSideBySide {
		right: -150px;
	}
}

/* Deslocar mapa para direita para deixar menu � mostra */
#map_panelSideBySide.menuHide {
	right: 0px;
	width: 100%;
}

/**=================================================================
 * 
 *  Menu Superior Navega��o do mapa e Bot�es de Controles
 * 
 * =================================================================
 */
.ol-unselectable.ol-control.buscaRapida {
    visibility: hidden;
    margin: -1px 0px 0px;
    width: 300px;
    background-color: #FFF;
    float: right;
}

.ol-unselectable.ol-control.buscaRapida #openpesquisa_rapida {
    float: right;
    color: rgb(13, 201, 141);
    margin: 1px 0;
}

.ol-unselectable.ol-control.buscaRapida .select2-container {
    font-size: 11px;
    max-width: 362px;
    width: 90% !important;
    margin: 2px 0px;
}

.ol-unselectable.ol-control.buscaRapida .select2-choice.select2-default	{
	background-image: none;
}

/**=====================================================
 * 
 *  Popups do mapa
 * 
 * =====================================================
 */

/* container popup */
.olPopup {
	background: none repeat scroll 0 0 transparent !important;
	height: auto !important;
	overflow: visible !important;
}

/* parte triangular balao popup */
.olPopup:before {
	border-bottom: 34px solid rgba(3, 49, 81, 0.46);
	border-right: 26px solid transparent;
	content: "";
	left: 68px;
	margin-left: -68px;
	position: absolute;
	top: -34px;
}

/* div conteudo do popup */
#popup_contentDiv {
	height: auto !important;
	width: 151px !important;
}

/* div engloba conteudo do popup */
#popup #popup_GroupDiv {
	background: none repeat scroll 0 0 rgba(3, 49, 81, 0.46) !important;
	box-shadow: 6px 10px 11px -5px #000;
	color: white;
	font-size: 12px !important;
	font-style: inherit;
	font-weight: normal;
	overflow: hidden !important;
	padding: 3px;
	position: inherit;
	text-shadow: 0 0 3px #000000;
	width: 151px !important;
	height: auto !important;
	max-height: 215px;
	-moz-transition: 2s;
	-ms-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	transition: 1s;
}

/* popup com todo conteudo carregado */
#popup>div.expand {
	overflow: hidden;
	max-height: 245px;
}

/* textos do popup da featyre */
#popup  div p {
	margin: 0 !important;
}

/*imagem dopopup da feature*/
#map #popup_contentDiv>img {
	border: 3px solid;
	height: 107px;
	margin: 1px 0 1px -2px !important;
	position: static;
	width: 142px;
}

img.popupLoader {
	height: auto !important;
	width: auto !important;
	border: none !important;
}

/*=====================================================
  * 
  *  Bloqueio da tela (modal)
  * 
  * =====================================================
  */
#screenBLock {
	background: none repeat scroll 0 0 #000000;
	left: 0;
	position: absolute;
	top: 0;
}

#screenBlock.on {
	background: none repeat scroll 0 0 rgba(41, 44, 26, 0.7);
	display: block;
	height: 100%;
	opacity: 0.7;
	position: absolute;
	width: 100%;
	z-index: 999;
}

/*=====================================================
 * 
*	Map Loading Monitor - exibe anima��o enquando tiles do mapa carregam.
* 
* =====================================================
*/

/*imagem carregamento mapa */
.olControlLoadingPanel {
	background-image: url("../../resources/images/squares-loader.gif");
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
	height: 32px !important;
	position: relative !important;
	width: 208px !important;
	margin: 5px;
}

/*texto carregamento mapa */
.olControlLoadingPanel.olControlNoSelect:after {
	color: #3B67C1 ;
	content: "Carregando...";
	float: right;
	font-weight: bold;
	position: relative;
	top: 7px;
}

/*======================================================
 * 
 *  Coordenadas Mapa - rodape
 * 
 * =====================================================
 */
#footer_mapa {
    background: white;
    bottom: 0px;
    color: #3333;
    display: none;
    left: 0px;
    position: absolute;
    width: 100%;
    z-index: 9999999999;
    height: 25px;
    bottom: 1px;
    box-shadow: 1px 4px 5px 1px #333;
}

.fullscreen #footer_mapa {
	bottom: 0;
}

#footer_mapa > span {
    display: block;
    margin: 1px;
    position: absolute;
    color: #333 !important;
}

/**======================================================
 * 
 * Ajax Status do mapa
 * 
 * ======================================================
 */
.ajaxStatus {
	left: 34%;
	position: absolute;
	top: 50%;
	z-index: 2147483647;
}

/**======================================================
  * 
  * Footer
  * 
  * ======================================================
  */

/*contem link tab + botao fechar tab*/
.tab_footer_mapa, .ui-dialog-docking-zone .ui-dialog {
    border-color: #264A93;
    border-radius: 7px 7px 0px 0px;
    border-style: none solid solid;
    border-width: 0px 1px 1px;
    float: left;
    display: block;
    background: #fff;
    overflow: hidden;
    position: relative;
    top: -30px;
}

.tab_footer_mapa.pressed {
	background: #264A93 none repeat scroll 0px 0px;
}

.tab_footer_mapa.pressed a {
	color: #fff;
}

/* tabs (links) que alternam conteudo do menu lateral e da area do mapa */
.tab_footer_mapa a, .tab_footer_mapa a, .ui-dialog-docking-zone .ui-dialog .ui-dialog-titlebar {
	background: none repeat scroll 0 0 transparent;
	border-top: 1px solid #264A93;
	color: #264A93;
	float: left;
	font-size: 16px;
	padding: 3px 5px 3px 10px;
	text-decoration: none;
	width: auto;
	outline: none;
}

.ui-dialog-docking-zone .ui-dialog .ui-dialog-titlebar {
	background-color: #0DC98D;
	color: #fff;
}


.tab_footer_mapa a:hover, .tab_footer_mapa a:active, .tab_footer_mapa a:focus {
	background: transparent none repeat scroll 0px 0px;
}


.tab_footer_mapa .botaoClose:hover {
	background: none repeat scroll 0 0 #3B67C1;
}

/* Main Content (Tela sele��o m�dulos, mapa)
================================================== */
#container_mapa {
	height: 100%;
	width: 100%;
	position: absolute;
}

/* deslizar conteudo para direita para deixar menu � mostra */
#mws-container.menuHide {
	left: 0px !important;
	width: 100% !important;
}

/* deslizar conteudo para direita para deixar menu � mostra */
.map_panel {
	width: 100%;
	height: 100%;
}

/*========================================
  * 
  * Icone Norte
  * 
  * ======================================
  */
.icone-norte {
    bottom: 80px;
    position: absolute;
    z-index: 999;
}

/*========================================
  * 
  * Container Opcoes Limpar Mapa
  * 
  * ======================================
  */
.limparMapaContainer {
	background: none repeat scroll 0 0 #fff;
	border: 2px solid black;
	border-radius: 10px;
	height: auto;
	left: 285px;
	overflow: auto;
	padding: 10px;
	position: absolute;
	top: 30px;
	width: 215px;
	z-index: 2147483647;
}

/*botoes limpar ferramentas individualmente*/
.limparMapaContainer button {
	margin: 2px;
	width: 200px;
	display: none;
}

/*========================================
  * 
  * Corrocoes/Fix bugs
  * 
  * ======================================
  */
#map {
	height: 100% !important;;
	width: 100% !important;
}

/*remover margens brancas entre as tiles */
#map img {
	margin: 0px !important;
}

/**
  *  chrome/safari (webkit)
  */
/*renderiza��o svg : ortofoto desaparece */
.olTileImage {
	-webkit-backface-visibility: visible !important;
	-webkit-transform: none !important;
}

.refresh {
	top: 65px;
	left: .5em;
}

.ol-touch .refresh {
	top: 80px;
}

.ol-overlay-container {
    z-index: 0;
}

.tooltip {
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	color: white;
	padding: 4px 8px;
	opacity: 0.7;
	white-space: nowrap;
}

.tooltip-measure {
	opacity: 1;
	font-weight: bold;
}

.tooltip-static {
	background-color: #ffcc33;
	color: black;
	border: 1px solid white;
}

.tooltip-measure:before, .tooltip-static:before {
	border-top: 6px solid rgba(0, 0, 0, 0.5);
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	content: "";
	position: absolute;
	bottom: -6px;
	margin-left: -7px;
	left: 50%;
}

.tooltip-static:before {
	border-top-color: #ffcc33;
}

.legendaTematico.mapaLegenda {
	background-color: rgba(255, 255, 255, 0.5);
	float: right;
	position: fixed;
	right: 0;
	width: 30%;
	z-index: 100000;
}

.legendaTematico.mapaLegenda.ui-datatable thead th, .ui-datatable thead tr
	{
	background-color: transparent;
}

.legendaTematico.mapaLegenda .ui-widget-content {
	background-color: transparent;
}

.legendaTematico.mapaLegenda .ui-datatable-odd {
	background-color: transparent;
}

.legendaTematico.mapaLegenda .ui-widget-header {
	background-color: transparent;
}