.navbar .navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ui-resizable-se {
    cursor: se-resize;
    right: 0px;
    bottom: 0px;
}
.ui-resizable-n {
    cursor: n-resize;
    height: 12px;
    width: 14px;
    background-image: url("../pacotes/jquery/jquery-ui/images/ui-icons_444444_256x240.png");
    background-position: -50px -224px;
    left: 0px;
    right: 0px;
    margin: auto;
}

.glyphicon.normal-right-spinner {
    -webkit-animation: glyphicon-spin-r 2s infinite linear;
    animation: glyphicon-spin-r 2s infinite linear;
}
@-webkit-keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
/* snack */
#snackbar-container {
  position: fixed;
  left: 20px;
  bottom: 0;
  z-index: 99999;
}
.snackbar {
  overflow: hidden;
  clear: both;
  min-width: 288px;
  max-width: 568px;
  cursor: pointer;
  opacity: 0;
}
.snackbar.red {
	background-color: red;
}
.snackbar:after {
    font-family: "Glyphicons Halflings";
    content: "\e014";
    float: right;
    color: white;
    font-size: 14px;
    top: 0px;
    position: absolute;
    right: 5px;
}
.snackbar.snackbar-opened {
  height: auto;
  opacity: 1;
}
@media (max-width: 767px) {
  #snackbar-container {
    left: 0px !important;
    right: 0px;
    width: 100%;
  }
  #snackbar-container .snackbar {
    min-width: 100%;
  }
  #snackbar-container [class="snackbar snackbar-opened"] ~ .snackbar.toast {
    margin-top: 20px;
  }
  #snackbar-container [class="snackbar snackbar-opened"] {
    border-radius: 0;
    margin-bottom: 0;
  }
}
/*slide*/
.noUi-horizontal {
    height: 5px;
}
.noUi-horizontal .noUi-handle {
    width: 18px;
    height: 18px;
    left: -9px;
    top: -7px;
    border-radius: 10px;
}
.noUi-handle::after, .noUi-handle::before {
	display: none;
}
.noUi-horizontal .noUi-tooltip {
    font-size: 1rem;
}
.noUi-connect {
    background: #DAE1E0;
}
.noUi-handle.noUi-active {
  -webkit-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1);
}
.noUi-active {
	box-shadow: none;
}
.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    left: -60%;
    bottom: 120%;
}

#i3geo_janelaCor_c {
	z-Index: 999;
}

.closeModal {
	position: relative;
	left: 20px;
}
.navbar, .navbar.navbar-default {
	background-color: #386682 !Important;
}
.container-tools {
	overflow: auto;
	max-height: calc(100vh - 120px);
}
.waitSpin {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #005272; /* green */
	border-radius: 50%;
	width: 100px;
	height: 100px;
	animation: spin 2s linear infinite;
	text-align: center;
	margin: auto;
}

.waitInfoWindow {
	border: 6px solid #f3f3f3;
	border-top: 6px solid #005272;
	border-radius: 50%;
	width: 22px;
	height: 22px;
	animation: spin 2s linear infinite;
	text-align: center;
	margin: auto;
	left: -50%;
	position: relative;
}

.i3GEOCabecalhoInfoWindow {
	height: 35px;
	border-bottom: 1px solid #d2caca;
}

.i3GEOCabecalhoInfoWindow>button, .i3GEOCabecalhoInfoWindow>.dropdown>button {
	color: #386682 !Important;
}

.I3GEOpropCamadas {
	overflow: auto;
	position: fixed;
	margin: auto;
	right: 375px;
	height: auto;
	top: 0px;
	bottom: 0px;
	width: 200px;
	left: auto;
	background-color: #b0cef6;
	color: white;
	border-radius: unset;
	box-shadow: unset;
}
/* para evitar erros no logo de atribuicao quando nao ha mapa base ativado */
.ol-logo-only {
	visibility: hidden;
}

.ol-zoom {
	position: unset !Important;
}

.ol-FullScreen.ol-unselectable.ol-control {
	position: unset !Important;
	display: unset !Important;
}

.ol-overviewmap button {
	display: none;
}

.ol-overviewmap {
	left: .5em;
	bottom: 4.5em;
}

.toolTipBalaoTitulo {
	text-decoration: none;
	text-align: left;
	font-size: 8pt;
	font-weight: normal;
	margin-top: 8px;
	margin-bottom: 2px;
	display: flex;
}

.toolTipBalaoTexto {
	text-align: left;
	font-size: 8pt;
	color: black;
	padding: 3px;
}

.toolTipBalaoTexto:after {
	content: "";
	display: inline-block;
	height: 0.5em;
	vertical-align: bottom;
	width: 100%;
	margin-right: -100%;
	margin-left: 0px;
	border-top: 1px solid #ededed;
}

#mostraarea_calculo_parcial, #mostraarea_calculo,
	#mostradistancia_calculo, #mostradistancia_calculo_movel {
	font-size: 1.4rem;
}

#i3GEOoverlayInfo {
	background-color: white;
	padding: 5px;
}

[data-toggle*=collapse]:after {
	font-family: "Glyphicons Halflings";
	content: "\e113";
	float: right;
	color: #386682;
	font-size: 14px;
}
/* Icon when the collapsible content is hidden */
[data-toggle*=collapse].collapsed:after {
	content: "\e114";
	float: right;
	color: #386682 ;
	font-size: 14px;
}

.ol-attribution li {
	display: block;
	list-style: none;
	line-height: inherit;
	text-align: left;
	padding: 5px;
}
/*
Barra de botoes de navegacao
*/
.ol-control {
	position: absolute;
	background-color: rgba(255, 255, 255, .4);
	border-radius: 4px;
	padding: 0px;
}

.ol-control button {
	font-size: 1.5em;
	margin: 2px;
	float: left;
}
/*
Para a barra de rolagem
*/
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: -10px;
    margin: 12px 0;
}

.bd .customScrollBar {
	height: 100%;
	width: 95%;
	overflow: hidden;
	padding-right: 5px;
}

.customScrollBar {
	height: 100%;
	overflow: hidden;
	padding-right: 5px;
}

.customScrollBarXY {
	height: calc(100% - 39px);
	overflow: hidden;
	padding-right: 5px;
}

.customScrollBar .mCSB_container {
	max-width: 100%;
	padding-right: 1px !Important;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #094672;
}

.customScrollBar .mCSB_scrollTools {
	margin-right: 0px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    display: initial;
}

/*
Utilizado no elemento select
*/
.careti {
	float: right;
	position: relative;
	top: -20px;
	z-index: 2;
}

.iconeAjudaFerramentas {
	cursor: help;
	margin-left: 0px;
	color: white;
	opacity: 0.5;
	position: absolute;
	left: 5px;
	bottom: 3px;
}

.iconeComboTemas {
	position: absolute;
	float: right;
	top: 10px;
	right: 0px;
	bottom: 0px;
	z-index: 10;
}

h5 {
	font-size: 1.6rem;
}

.form-group.label-floating.is-focused label.control-label, .form-group.label-floating:not
	(.is-empty ) label.control-label, .form-group.label-static label.control-label
	{
	top: -30px;
	left: 0;
	font-size: 1.6rem;
	line-height: 1.07142857;
}
/*
tooltip dos botoes da guia movel
*/
.iconeGuiaMovel+.tooltip>.tooltip-inner {
	right: 0px;
	width: 120px;
	min-height: 30px;
}
/* camadas de fundo*/
.tooltip-inner>img {
	padding: 0px;
	width: 200px;
	height: 200px;
}

/*
tooltip balao info
*/
.toolTipBalaoTexto label {
	color: black;
	font-size: 12px;
}

.tooltip-conteudo {
	overflow: auto;
	max-height: 300px
}
/*
Botoes material
*/
.form-group label.control-label {
	font-size: 1.6rem;
	opacity: 0.9;
}

.material-icons.md-18 {
	font-size: 18px;
}

.material-icons.md-light {
	color: rgba(255, 255, 255, 1);
}

.btn.btn-fab.btn-fab-mini {
	font-size: 12px;
	height: 28px;
	min-width: 28px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	width: 28px;
}

.btn.btn-fab.btn-fab-max {
	height: 40px;
	min-width: 40px;
	width: 40px;
}

.btn.btn-fab.btn-fab-max>span {
	height: 15px;
}

.form-group .form-control {
	font-size: 1.5rem;
	color: white;
	background-color: #477596;
}

.form-group input[type=number] {
    margin-top: 14px;
    margin-bottom: 0px;
}

.form-group select, .form-group input[type=text] {
    margin-top: 6px;
    margin-bottom: 0px;
}

.modal-content .modal-body {
    padding-right: 10px;
    padding-bottom: 16px;
    padding-left: 0px;
}

.modal-body .form-group .form-control {
	color: initial;
	background-color: initial;
}

.form-group label {
	color: white;
}

.modal-body .form-group label {
	color: initial;
}

.form-group.label-static label.control-label {
	top: -40px;
	left: 0;
	font-size: 1.5rem;
	line-height: 1.07142857;
}

.form-control.upload {
	font-size: 1.5rem;
	color: inherit;
	font-weight: 400;
}

.form-group .help-block {
	margin-top: 0;
	font-size: 10px;
	color: #BDBDBD;
	font-weight: initial;
}

.form-group.label-fixed.is-focused>label, .form-group.label-floating.is-focused>label,
	.form-group.label-static.is-focused>label, .form-group.label-floating.is-empty.is-focused>label,
	.form-group.condensed.is-focused>label, .form-group.is-focused>label {
	color: #BDBDBD;
}
/*
Para Bootstrap
*/
span.affix {
	background-color: #477596;
	z-index: 1;
}

a, a:focus, a:hover {
	color: #008579;
}

.alert.alert-info {
	background-color: #03a9f4;
	color: #002733;
}

.alert.alert-warning {
	background-color: #de3601;
}

.form-group.form-group-lg label.control-label {
	color: #767676;
}

.form-group.form-group-lg .checkbox label, .form-group.form-group-lg .radio label,
	.form-group.form-group-lg label {
	color: #767676;
}

.label, label {
	color: white;
}

h2 small {
	color: #767676;
}

hr {
	margin: 0px;
}

.list-group.condensed {
	margin: 4px;
}

.form-group.condensed {
	margin: 0px;
	padding: 0px;
}

.withripple.condensed, .pager.condensed {
	margin: 0px;
}

.radio span, label.radio-inline span {
	top: 4px;
}
/*Caso a camada tenha selecat*/
.camadaSelecionada {
	color: #4bd5d5 !Important;
}
/**************************/
.mais {
	background-image: URL('../imagens/sprite.png');
	background-repeat: no-repeat;
	background-position: 0px -800px;
	width: 17px;
	height: 9px;
	cursor: pointer;
}

.menos {
	background-image: URL('../imagens/sprite.png');
	background-repeat: no-repeat;
	background-position: 0px -825px;
	width: 17px;
	height: 9px;
	cursor: pointer;
}

.iconeGuiaMovel {
	padding: 2px;
	border-radius: 5px 5px 5px 5px;
	background-image: none;
	border: solid 1px gray;
	box-shadow: 0px 1px 3px lightgray;
	cursor: pointer;
	background-color: rgba(0, 60, 136, .5);
	margin: 0px;
}

.iconesGuiaMovel {
	font-size: 1.8rem;
	right: 0px;
	border-radius: 4px;
	padding: 2px;
	cursor: pointer;
	position: absolute;
	top: 5px;
	width: auto;
	z-index: 5000;
	background-color: rgba(255, 255, 255, .4);
	display: inline-grid;
}

.iconesGuiaMovel.ol-control>div {
	font-size: 2rem;
}

#i3GEOguiaMovel {
	position: absolute;
	display: block;
	border: 0px solid white;
	text-align: left;
	z-index: 1;
	left: auto;
	right: 0;
	top: 0;
	width: 380px;
}

#i3GEOguiaMovelMolde {
	background-color: white;
	right: 0px;
	top: 0px;
	/*box-shadow: 0 2px 10px 0 #888888;*/
	position: absolute;
	display: none;
	border: 0px solid white;
	text-align: left;
	z-index: 10000;
}

.guiaOverflow {
	padding-left: 0px;
}

#i3GEOguiaMovelConteudo {
	/*width:355px;*/
	width: 100%;
	top: 0px;
	overflow: auto;
	display: none;
	position: absolute;
	border-left: 1px solid #dbdbdb;
	left: 0px;
	height: 0px;
	padding-left: 0px;
	background-color: white;
}

#i3GEOguiaMovel label {
	color: #504B4B;
}

#i3GEOguiaMovel .form-control {
	background-color: transparent;
	color: #BDBDBD;
}

.nomeTema {
	width: 255px;
	vertical-align: middle;
}

.nomeTema a:active {
	opacity: 0.5;
}

.nomeTemaLegenda {
	width: 98%;
	vertical-align: middle;
	color: black;
}

.nomeTemaCurto {
	width: 230px;
	vertical-align: middle;
}
/**************************/
.i3GEOtemaComSel {
	border-bottom: 1px solid cyan;
}

.i3GEOfechaGuia {
	cursor: pointer;
	top: 0px;
	min-height: 40px;
	text-align: left;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: fixed;
	background-color: rgba(0, 60, 136, .5);
	z-index: 5;
	position: relative;
}

.i3GEOfechaGuia button {
	color: #fff;
	font-size: 2rem;
	font-weight: 700;
	text-decoration: none;
	background: none;
	border: none;
	padding: 4px;
	width: 100%;
}
/*utilizado para nao sobrepor com o icone de fechar guias, que e fixed*/
.separadorCabecalhoGuias {
	height: 0px;
}

/*
botoes da legenda
*/
#legendaOpcoes button, #legendaOpcoes .yui-button, #legendaOpcoes .yuimenu
	{
	width: 250px;
	color: black;
	border-radius: 0px;
}

#legendaOpcoes a {
	color: black;
}

#legendaOpcoes .yui-button {
	background-image: none;
	border-radius: 0px;
}

#legendaOpcoes .first-child {
	border-radius: 0px;
}

.i3GEOcorpoLegi {
	min-height: 200px;
}

#corpoLegi {
	overflow: hidden;
}
/* cor do fundo da janela da legenda quando flutuante */
#wlegenda_corpo {
	background-color: white !Important;
}
/*
Botao de ligar desligar do tipo chave da legenda
*/
.i3GEOcorpoLegi .temaSwitch {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 14px;
}

.i3GEOcorpoLegi .temaSwitch input {
	display: none;
}

.i3GEOcorpoLegi .temaSlider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
}

.i3GEOcorpoLegi .temaSlider:before {
	position: absolute;
	content: "";
	height: 12px;
	width: 12px;
	left: 1px;
	bottom: 1px;
	background-color: white;
	-webkit-box-shadow: -1px 1px 3px -0px rgba(0, 0, 0, 0.46);
	-moz-box-shadow: -1px 1px 3px -0px rgba(0, 0, 0, 0.46);
	box-shadow: -1px 1px 3px -0px rgba(0, 0, 0, 0.46);
}

.i3GEOcorpoLegi input:checked+.temaSlider {
	background-color: rgb(177, 205, 205);
}

.i3GEOcorpoLegi input:focus+.temaSlider {
	box-shadow: 0 0 1px rgb(224, 235, 235);
}

.i3GEOcorpoLegi input:checked+.temaSlider:before {
	-webkit-transform: translateX(16px);
	-ms-transform: translateX(16px);
	transform: translateX(16px);
}

.i3GEOcorpoLegi .temaSlider.round {
	border-radius: 34px;
}

.i3GEOcorpoLegi .temaSlider.round:before {
	border-radius: 50%;
}

.legendaTema {
	font-size: 12px;
	text-align: left;
}

.legendaTema label {
	margin-left: 0px;
}

.i3GEOLegendaExcluiTema {
	display: inline;
}

/**/
#i3GEOcopyright {
	position: absolute;
	left: 10px;
	top: 5px;
	display: block;
}

#buscaRapidaGuia {
	margin: 5px;
}

#buscaRapidaGuia p {
	font-size: 1.2em;
	line-height: 1.2;
	margin-top: 1em;
}

/*
Barra de botoes de edicao vetorial do openlayers
*/

/*
no caso do OL3
*/
.ol-overlaycontainer-stopevent .olControlEditingToolbar1 {
	left: auto;
	position: absolute;
	right: 0;
	top: 10px;
}

.ol-i3GEOcontrols {
	top: 2.5rem;
	left: 1rem;
	width: auto;
	font-size: 1.8rem;
}

.ol-touch .ol-zoomslider, .ol-zoomslider {
	top: 8.2em;
	font-size: 1.8rem;
}

.ol-scale-line {
	bottom: 2.2em;
	cursor: pointer;
}

.ol-scale-line::after {
	font-family: "Material Icons";
	content: "\e8d5";
	color: white;
	position: absolute;
	left: 101%;
	top: 0px;
	cursor: pointer;
	background-color: rgba(0, 60, 136, .3);
	border-radius: 4px;
}
.copyToMemory::after {
	font-family: "Glyphicons Halflings";
	content: "\e205";
	cursor: copy;
	color: inherit;
	margin-left: 2px;
	opacity: 0.5
}
.copyToMemory {
	cursor: copy;
}

.olControlEditingToolbar1 div {
	background-image: url(../mashups/openlayers.png);
	background-repeat: no-repeat;
	float: right;
	right: 50px;
	height: 29px;
	margin: 2px;
	width: 29px;
	cursor: pointer;
	top: 30px;
}

/*
Configuracoes especificas dos elementos que ficam no rodape
*/
#seletorIdiomas {
	float: right;
}

.escalanumerica {
	width: 100px;
	left: 7px;
	text-align: left;
	position: absolute;
	bottom: 2px;
	display: block;
}

.escalanumerica td {
	float: left;
}

.escalanumerica span {
	border: 0px solid white;
}

.escalanumerica input {
	background: rgba(0, 60, 136, 0.5);
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0;
	border: 0px solid white;
	box-shadow: none;
	text-align: center;
	height: 1.8em;
}

#i3GEOcompartilhar {
	border: 0px solid white;
	z-index: 20000;
}

#i3GEOcompartilhar td {
	background: rgba(0, 60, 136, 0.5);
}

.i3GeoMascaraCoord {
	width: 100%;
}

.i3GeoMascaraCoord td {
	background: rgba(0, 60, 136, 0.5);
	color: white;
}

.i3GeoMascaraCoord input {
	background: rgba(0, 60, 136, 0.5);
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0;
	border: 0px solid white;
	box-shadow: none;
	text-align: center;
}

.i3GeoMascaraCoord span {
	border: 0px solid white;
}

.contemCaixaTipoCoord {
	overflow: hidden;
	width: 4em;
	background-color: rgba(0, 60, 136, 0.5);
}

.i3GeoMascaraCoord select {
	border: 0px solid #B4B4B4;
	left: 0px;
	width: 4em;
	background-color: rgba(0, 60, 136, 0.5);
	box-shadow: none !important;
	opacity: 0.8 !important;
	color: white;
	height: auto;
}

.i3GeoMascaraCoord tr {
	border: 0px solid white;
}

.localizarxy {
	z-index: 50;
	color: white;
	width: 350px;
	left: 120px;
	text-align: left;
	font-size: 1em;
	height: 1.8em;
	background: rgba(0, 60, 136, 0.5);
	bottom: 2px;
	display: flex;
	position: absolute;
}

.localizarxy input, .localizarxy select {
	font-size: 1em;
	height: 1.8em;
}

#menuajudaMenu {
	color: white;
}

.comboTemasCabecalho .yuimenuitemlabel {
	color: black;
}

.comboTemasCabecalho .yuimenuitemlabel:visited {
	color: black;
}

.temaArrastar {
	text-align: left;
}

/* Botoes das janelas flutuantes*/
.yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a {
	color: #000000;
	font-size: 95%;
	line-height: 2;
	min-height: 1em;
	padding: 0 10px;
}

.yui-skin-sam .yui-button {
	border-color: #D3D3D3;
	border-radius: 4px;
	box-shadow: 0px 0px 0px 0px rgb(230, 230, 230);
	border-width: 0px 0;
}

.yui-skin-sam .yui-button .first-child {
	border-color: #D3D3D3;
	border-radius: 2px;
	font-weight: initial;
	border-width: 0 0px;
	margin: 0 0px;
}

.comboTemasCabecalho .yuimenuitemlabel {
	color: black;
	cursor: default;
	font-size: 10px;
	font-weight: normal;
	padding: 0 0px;
	text-decoration: none;
}

.rodar .first-child button {
	width: 250px;
}

.rodar150 .first-child button {
	width: 150px;
}

.rodar100 .first-child button {
	width: 100px;
}

.rodar0 .first-child button {
	width: 20px;
	height: 20px;
}

.adicionar0 .first-child button {
	width: 20px;
	height: 20px;
}

.enviar .first-child button {
	width: 250px;
}

.abrir .first-child button {
	width: 250px;
}

.abrir200 .first-child button {
	width: 200px;
}

.abrir150 .first-child button {
	width: 150px;
}

.abrir100 .first-child button {
	width: 100px;
}
/*balao de info*/
.i3GEOiconeMais {
	background-image: url("../imagens/oxygen/16x16/draw-cross.png");
	width: 16px;
	height: 16px;
	float: left;
	cursor: pointer;
	background-repeat: no-repeat;
	margin-right: 5px;
}

.i3GEOiconeMantemWkt {
	background-image: url("../imagens/oxygen/16x16/dialog-cancel.png");
	width: 16px;
	height: 16px;
	float: left;
	cursor: pointer;
	background-repeat: no-repeat;
}

.i3GEOiconeFerramentas {
	background-image: url("../imagens/oxygen/16x16/configure-shortcuts.png");
	width: 16px;
	height: 16px;
	float: left;
	cursor: pointer;
	background-repeat: no-repeat;
}

.i3GEOiconeAberto {
	background-image: URL('../imagens/oxygen/16x16/document-decrypt.png');
	cursor: pointer;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	float: left;
}

.i3GEOiconeFechado {
	background-image: URL('../imagens/oxygen/16x16/document-encrypt.png');
	cursor: pointer;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	float: left;
}

.i3GEOiconeXis {
	background-image: url("../imagens/oxygen/16x16/edit-delete.png");
	cursor: pointer;
}

/* janelas */
.bd .lista td, .bd .lista1 td, .bd .lista2 td, .bd .lista3 td, .bd .lista4 td,
	.bd .lista5 td, .bd .lista6 td, .bd .lista7 td, .bd .lista8 td {
	color: white;
}

.bd.i3geo6 .lista td, .bd.i3geo6 .lista1 td, .bd.i3geo6 .lista2 td, .bd.i3geo6 .lista3 td,
	.bd.i3geo6 .lista4 td, .bd.i3geo6 .lista5 td, .bd.i3geo6 .lista6 td,
	.bd.i3geo6 .lista7 td, .bd.i3geo6 .lista8 td {
	color: white;
}

.bd hr {
	border-top: 2px dashed gray;
	margin-top: 15px;
	margin-bottom: 15px;
}

.bd select {
	background: white;
}

.bd.i3geo6 select {
	background: white;
}

.bd textarea {
	font-size: 12px;
	color: inherit;
	font-weight: 400;
}

.bd.i3geo6 textarea {
	color: black;
}

.bd div {
	text-align: left;
}

.bd.i3geo6 div {
	text-align: left;
}

.bd a, .bd a:focus, .bd a:hover {
	color: #9ceaea;;
}

.bd.i3geo6 a, .bd.i3geo6 a:focus, .bd.i3geo6 a:hover {
	color: #9ceaea;;
}

.bd p {
	text-align: left;
}

.bd.i3geo6 p {
	text-align: left;
}

.linha {
	color: white;
}

.i3GeoTituloJanela {
	font-family: arial;
	font-size: 160%;
	font-weight: bold;
	color: #FFFFFF;
	opacity: 1.0;
	text-align: center;
	top: 5px;
	/*margin-top: -30px;*/
}

.i3GeoTituloJanelaBs {
	opacity: 1.0;
	position: absolute;
	top: 8px;
	right: 65px;
	color: #008579;
}

.i3GeoTituloJanelaBsNolink {
	opacity: 1.0;
	position: absolute;
	margin: 5px;
	font-size: 14px;
	font-weight: initial;
	color: #00D53D !Important;
}

.i3GeoIconeJanela {
	display: none;
	position: absolute;
	left: 2px;
	top: 5px;
}

.i3GeoAguardeJanela {
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 102;
	bottom: 0px;
	height: 8px;
	text-align: center;
	margin: auto;
	padding-left: 2px;
	padding-right: 2px;
}

.yui-panel-container .yui-resizepanel .bd {
	overflow: auto;
	background-color: #fff;
}

.yui-panel-container.hide-scrollbars .yui-resizepanel .bd {
	overflow: hidden;
}

.yui-panel-container.show-scrollbars .yui-resizepanel .bd {
	overflow: auto;
}

.yui-panel-container.show-scrollbars .underlay {
	overflow: visible;
}

.hd .i3GEOiconeFerramenta {
	display: none;
}

.yui3-js-enabled .yui3-scrollview-loading {
	visibility: hidden;
}

td {
	background-color: transparent !important;
}

/* UTILIZADOS EM VRIOS LOCAIS */
.ajuda_usuario {
	background:
		url("../imagens/janelas-flutuantes/botao-tiny-documentacao-hover.png")
		no-repeat !important;
	width: 21px !important;
	top: 3px;
}

.styled-select, .styled-select150, .styled-select100, .styled-select200,
	.styled-select250 {
	background: none !important;
	box-shadow: none;
	border: none;
	color: black;
	font-weight: normal;
}

.styled-select input {
	font-family: arial;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	opacity: 1.0;
	background: white !important;
	box-shadow: none;
	border: none;
}

.tic {
	background:
		url("../imagens/menu-lateral-subitens/camadas/botao-buscar.png")
		scroll 0 0 rgba(0, 0, 0, 0) !important;
	box-shadow: none;
	height: 36px;
	margin-left: 0;
	width: 36px;
}

.ticPropriedades2 {
	background: none !important;
}

/* JANELAS FLUTUANTES
.yui-panel div {
	background: none !IMPORTANT;
}
*/
.yui-panel div {
	background: none;
}

.container-minimiza {
	background: none !important;
}

.container-minimiza:hover {
	background: none !important;
}

.yui-skin-sam .container-minimiza {
	cursor: pointer;
	position: absolute;
	right: 32px;
	z-index: 2001;
	margin-left: 5px !important;
	opacity: .60;
	filter: alpha(opacity = 80);
	background: none !important;
	text-indent: 0px !important;
	color: white;
	top: 3px;
}

.yui-skin-sam .container-duplica {
	cursor: pointer;
	position: absolute;
	right: 61px;
	z-index: 2001;
	margin-left: 5px !important;
	opacity: .60;
	filter: alpha(opacity = 80);
	background: none !important;
	text-indent: 0px !important;
	color: white;
	top: 3px;
}

.container-duplica {
	background: none !important;
}

.container-duplica:hover {
	background: none !important;
}
/*
.yui-skin-sam .container-close {
	cursor: pointer;
	height: 15px;
	position: absolute;
	right: 1px;
	top: 3px;
	width: 25px;
	z-index: 2001;
	margin-top: 10px;
	margin-left: 5px !important;

	opacity: .80;
	filter: alpha(opacity = 80);
	background: url("../imagens/janelas-flutuantes/botao-fechar-janela.png") no-repeat !important;
}
*/
.yui-skin-sam .container-close {
	cursor: pointer;
	position: absolute;
	right: 1px;
	z-index: 2001;
	margin-left: 5px !important;
	opacity: .60;
	filter: alpha(opacity = 80);
	background: none !important;
	text-indent: 0px !important;
	color: white;
	top: 3px;
}
/*
.yui-skin-sam .container-close::after {
  font-family: "Material Icons";
  content: "\E5CD";
}
*/
.yui-skin-sam .container-close:hover {
	background: none !important;
}

.yui-module .yui-overlay .yuimenu .yui-button-menu .yui-menu-button-menu .visible
	{
	background-color: #094672;
}

.yui-skin-sam .yui-panel, #mostradistancia, #executa, #ferramentas,
	#legenda, #legendai, #corpoLegi, #listaPropriedades, #areaRealce {
	background-color: #094672;
	border: 13px none;
	border-radius: 13px;
}

.yui-skin-sam .yui-resize .yui-resize-handle-br {
	background:
		url("../imagens/janelas-flutuantes/botao-arrastarpararedimensionar.png")
		no-repeat !important;
	height: 20px;
	width: 20px;
	position: absolute;
}

.yui-skin-sam .yui-resize .yui-resize-handle-br:hover {
	background:
		url("../imagens/janelas-flutuantes/botao-arrastarpararedimensionar-hover.png")
		no-repeat !important;
}

.i3GeoRodapeJanela {
	background: none;
	text-align: left;
	color: rgba(255, 255, 255, 0.6);
}

.i3GeoRodapeJanela table {
	background: none;
	width: 90%;
}

.i3GeoRodapeJanela td {
	border: 0px solid white;
	cursor: pointer;
	background: none;
}

.bd table {
	border: 0px solid #FFFFFF;
	padding: 0px;
	margin: 0px;
	max-width: 100%;
	font-weight: unset;
}
/*
.bd table tr:first-of-type td {
   padding: 5px;
}
*/
.bd td {
	border: 0px solid #89afd4;
	padding: 0px;
	color: white;
	margin: 0px;
	text-align: left;
	border-top: 3px solid #89afd4;
	font-weight: initial;
}

.yui-skin-sam .yui-panel .ft {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 13px none;
	margin-top: 0px;
	min-height: 30px;
}

.yui-skin-sam .yui-panel .ft  div {
	background: none !IMPORTANT;
}

.yui-skin-sam .yui-panel-container.shadow .underlay {
	bottom: 0;
	left: 0;
	opacity: 0.3;
	position: absolute;
	right: 0;
	top: 0;
	background: none !IMPORTANT;
	border: none !IMPORTANT;
	background-color: none !IMPORTANT;
	box-shadow: none !IMPORTANT;
}

.yui-skin-sam .yui-panel .bd {
	border: 0px;
	box-shadow: 0 0 0px 0px black;
	text-align: left;
	font-size: 10px;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.25) !IMPORTANT;
}

bd .i3geoFormIconeEdita {
	border: none;
}

.bd .paragrafo {
	color: rgba(255, 255, 255, 0.6);
}

.bd.i3geo6 .paragrafo {
	color: rgba(255, 255, 255, 0.6);
}

.yui-skin-sam .yui-panel-container {
	padding: 0 1px;
	border-radius: 5px 5px 5px 5px;
	border: 0px;
}

.yui-skin-sam .yui-panel .bd .yui-navset {
	background: none;
	z-index: 1;
	border-bottom: 2px solid lightgray;
}

.yui-skin-sam .bd .yui-navset .yui-nav a, .yui-skin-sam .bd .yui-navset .yui-navset-top .yui-nav a,
	.yui-skin-sam .bd .yui-navset .yui-nav a em, .yui-skin-sam .bd .yui-navset .yui-navset-top .yui-nav a em,
	.yui-skin-sam .bd .yui-button, .yui-skin-sam .bd .yui-button button,
	.yui-skin-sam .bd .yui-button a, .yui-skin-sam .bd .yui-button .first-child
	{
	border-color: lightgray;
	font-family: arial;
	font-size: 1.6rem;
}

.yui-skin-sam .yui-resize .yui-resize-handle-b {
	right: 0;
	bottom: 0;
	height: 8px;
	width: 8px;
	position: absolute;
}

.yui-skin-sam .yui-navset .yui-nav a, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a
	{
	background: rgba(5, 69, 108, 0.9) !IMPORTANT;
	border: none;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.6);
}

.yui-skin-sam .yui-navset .yui-nav a :hover {
	color: white;
}

.yui-skin-sam .yui-navset .yui-nav, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav
	{
	background: rgba(5, 69, 108, 0.9) !IMPORTANT;
}

.yui-skin-sam .yui-navset .yui-nav a em, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em
	{
	border: 0px;
}

.yui-skin-sam .yui-navset .yui-nav li, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav li
	{
	margin: 0 -5px 0 0;
}

.yui-skin-sam .yui-panel .hd {
	background-color: #F2F2F2;
	color: #000000;
	font-size: 93%;
	font-weight: bold;
	line-height: 2;
	height: 40px;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	padding-top: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
	text-align: left;
	border: 0px;
	overflow: hidden;
}

.yui-skin-sam .yui-panel .hd.i3geo6 {
	background-color: #F2F2F2;
	color: #000000;
	font-size: 93%;
	font-weight: bold;
	line-height: 2;
	height: 40px;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	padding-top: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
	text-align: left;
	border: 0px;
}

.hd span {
	font-family: arial;
	color: white;
	opacity: 1.0;
}

.hd.i3geo6 span {
	font-family: arial;
	color: white;
	opacity: 1.0;
}

.yui-panel-container div .bd, .paragrafo>label {
	background-color: none;
	padding: 10px;
	position: relative;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.6);
}

.yui-panel-container div .bd.i3geo6, .bd.paragrafo>label {
	background-color: none;
	padding: 10px;
	position: relative;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.6);
}

.yui-skin-sam .yui-tt .bd {
	background-color: rgba(9, 70, 114, 0.75);
	border-radius: 13px 13px 13px 13px;
	padding: 10px;
	margin-top: 10px;
	position: relative;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	z-index: 999999;
}

.cabecalhoTemas {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	width: 10em;
	text-overflow: ellipsis;
	text-align: left;
	line-height: 9px;
	font-size: 10px;
	color: black !IMPORTANT;
}

.comboTemasCabecalho {
	z-index: 100;
	position: absolute;
	top: 10px;
	left: 5px;
}
/*cabecalho das janelas adaptadas para bootstrap*/
.comboTemasCabecalhoBs {
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	max-width: 85%;
	margin: 0px;
}
/* .form-group .form-control*/
.comboTemasCabecalhoBs>select {
	background-color: #094672 !Important;
}

.comboTemasCabecalho .yuimenuitemlabel {
	color: black;
}

.comboTemasCabecalho .yuimenuitemlabel:visited {
	color: black;
}

.comboTemasCabecalho>div {
	background-color: #E7EEFF !Important;
	margin-left: 3px;
}

.yui-navset {
	background-color: #222222 !IMPORTANT;
	opacity: 0.8 !IMPORTANT;
	border-bottom: 1px solid #A6A8AA;
	background-image: none !important;
	/* tab background */
	z-index: 1; /* 3000 */
}

.modal-body .yui-navset {
	position: sticky;
	opacity: 1;
	zoom: 1;
	text-align: left;
}

.i3geoForm {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !IMPORTANT;
	color: black;
	font-weight: normal;
}

.i3geoForm input, .i3geoForm150 input, .i3geoForm100 input {
	width: 100%;
}

.digitar, .digitar:hover, .digitarOver {
	background-color: #222222 !IMPORTANT;
	opacity: 0.9 !IMPORTANT;
	box-shadow: none !IMPORTANT;
}

.ticfind {
	background:
		url("../imagens/barra-inferior/botao-tiny-zoomparacoordenadas.png")
		scroll 0 0 rgba(0, 0, 0, 0) !important;
	box-shadow: none;
	height: 20px;
	width: 20px;
	margin-left: 5px;
}

.ticfind:hover {
	background:
		url("../imagens/barra-inferior/botao-tiny-zoomparacoordenadas-hover.png")
		no-repeat !important;
	box-shadow: none;
}

.linha, .linha1 {
	color: white !important;
}

.lista2  td {
	background-color: none;
	font-family: arial;
	font-size: 13px;
	font-weight: normal;
	color: white;
	opacity: 1.0;
}

.lista4 .digitar {
	background-color: white !IMPORTANT;
	opacity: 0.9 !IMPORTANT;
	box-shadow: none !IMPORTANT;
	color: black;
}

.lista4 .digitar:hover {
	background-color: white !IMPORTANT;
	opacity: 0.9 !IMPORTANT;
	color: black;
}

.lista4 .digitarOver {
	background-color: white !IMPORTANT;
	opacity: 0.9 !IMPORTANT;
	color: black;
}

.lista8 td, .lista6 td, .lista td {
	color: white;
}

.lista8 td {
	background-color: none;
	background: none !important;
}

#slider-bg {
	border-bottom: 1px solid gray;
	left: 10px;
}

#mostraarea_c, #mostradistancia_c {
	z-index: 100000;
}

#mostradistancia {
	background-color: none !IMPORTANT;
}
/*
ver exemplos em https://bootsnipp.com/snippets/featured/glyphicon-animate-rotation-and-flip
*/
.gly-spin {
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}

@
-moz-keyframes spin { 0% {
	-moz-transform: rotate(0deg);
}

100%
{
-moz-transform
:

rotate
(359deg);


}
}
@
-webkit-keyframes spin { 0% {
	-webkit-transform: rotate(0deg);
}

100%
{
-webkit-transform
:

rotate
(359deg);


}
}
@
-o-keyframes spin { 0% {
	-o-transform: rotate(0deg);
}

100%
{
-o-transform
:

rotate
(359deg);


}
}
@
keyframes spin { 0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

100%
{
-webkit-transform
:

rotate
(359deg);


transform
:

rotate
(359deg);


}
}
.gly-rotate-90 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.gly-rotate-180 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.gly-rotate-270 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}

.gly-flip-horizontal {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
	-webkit-transform: scale(-1, 1);
	-moz-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.gly-flip-vertical {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
	-webkit-transform: scale(1, -1);
	-moz-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	-o-transform: scale(1, -1);
	transform: scale(1, -1);
}

@media print {
	.ol-viewport>canvas {
		height: unset !Important;
		width: unset !Important;
	}
}
/* === For phones =================================== */
@media ( max-width : 480px) {
	#i3GEOguiaMovelMolde {
		width: 100%;
	}
	#i3GEOguiaMovel {
		width: 100%;
	}
	#i3GEOguiaMovelConteudo {
		width: 100%;
	}
	.nomeTema {
		width: 235px;
		vertical-align: middle;
	}
	.ol-zoomslider, .ol-zoom {
		display: none;
	}
	.ol-scale-line {
		bottom: 0;
	}
	.tooltip-inner {
		display: none;
	}
	.I3GEOpropCamadas {
		right: 0px;
		width: 280px;
	}
}
/* === For meio phones =================================== */
@media ( min-width : 480px) and (max-width:767px) {
	.I3GEOpropCamadas {
		right: 0px;
		width: 280px;
	}
}
/* === For tablets ================================== */
@media ( min-width : 768px) and (max-width:991px) {
}

/* === For desktops ================================== */
@media ( min-width : 992px) {
	/* classe incluida no balao de informacoes nos eventos mouseover e mouseout */
	.hiddenInfo {
		display: none;
	}
}