html, body {
  background-color: #171717;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

html * {
  font-family: Quicksand, sans-serif;
  font-size: 1em !important;
}

#table-data table {
  text-align: center;
  width: 100%;
}

#table-data table tr {
  width: 100%;
}

.image, .image img {
  height: 3rem;
}

#points {
  direction: rtl;
  width: 100%;
  top: 100%;
  left: 0;
  transform: translateY(-50%);
}

#menu > div::-webkit-scrollbar {
  width: 6px;
}

#info-panel > div::-webkit-scrollbar {
  width: 6px;
}

.introjs-tooltip {
  color: #fff;
  background-color: #802e5c !important;
  background-image: linear-gradient(#faf173cc, #faa871e0, #ad3a5ed0, #804968d3, #6a3e6bc0) !important;
  min-width: 375px !important;
  max-width: 640px !important;
  max-height: 600px !important;
}

@media (width <= 1280px) {
  .introjs-tooltip {
    max-height: 322px !important;
    overflow: hidden auto !important;
  }

  .introjs-tooltip.introjs-floating {
    max-height: 397px !important;
    overflow: hidden !important;
  }
}

.iconIndice {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  display: inline;
  background-size: 16px, auto !important;
}

.iconIndice#CapasIcon {
  background: url("basemaps.f58f7fcb.png") center no-repeat;
}

.iconIndice#LegendIcon {
  background: url("legend.3f44ee35.png") center no-repeat;
}

.iconIndice#filtroIcon {
  background: url("filter.e99d5daa.png") center no-repeat;
}

.iconIndice#lupaIcon {
  background: url("lupa.5b84dc21.png") center no-repeat;
}

.iconIndice#binIcon {
  background: url("bin.f64c05a3.png") center no-repeat;
}

.iconIndice#euroIcon {
  background: url("euro.6e9973ee.png") center no-repeat;
}

.iconIndice#tablaIcon {
  background: url("tabla.a9cf1905.png") center no-repeat;
}

.iconIndice#graficaIcon {
  background: url("grafica.0ea831c9.png") center no-repeat;
}

.iconIndice#speedIcon {
  background: url("speed.044e026a.png") center no-repeat;
  width: 22px;
  height: 22px;
  display: inline;
  background-size: 22px, auto !important;
}

.iconIndice#polygon-plus {
  background-image: url("polygon-plus_tour.3d323c8d.png");
  width: 24px;
  height: 24px;
  display: inline;
  background-size: 24px, auto !important;
}

.iconIndice#building-plus_tour {
  background-image: url("building-plus_tour.724dc59d.png");
  width: 24px;
  height: 24px;
  display: inline;
  background-size: 24px, auto !important;
}

.iconIndice#dot-plus {
  background-image: url("dot-plus_tour.b63828a6.png");
  width: 24px;
  height: 24px;
  display: inline;
  background-size: 24px, auto !important;
}

.iconIndice#community {
  background-image: url("z_community_1_tour.a516dc09.png");
  width: 24px;
  height: 24px;
  display: inline;
  background-size: 24px, auto !important;
}

.iconIndice#boxes {
  background-image: url("boxes.eebe58c7.png");
  width: 24px;
  height: 24px;
  display: inline;
  background-size: 24px, auto !important;
}

.iconIndice#compartirIcon {
  background: url("icon__31.19626b9b.png") center no-repeat;
}

.iconIndice#infoIcon {
  background: url("icon__32.458879e9.png") center no-repeat;
}

.iconIndice#tourIcon {
  background: url("tour.87aa87cb.png") center no-repeat;
}

.container {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.introjs-tooltiptext {
  padding: 0 20px 10px;
  font-size: larger;
  line-height: 1.25em;
}

.introjs-tooltip-title {
  font-size: 14px;
  color: #000 !important;
}

.introjs-tooltiptext .lineaIndice {
  flex-flow: row;
  place-content: center flex-start;
  align-items: center;
  height: 24px;
  display: flex;
}

.introjs-tooltiptext-div {
  margin: 0;
  padding-left: 0;
}

.introjs-tooltiptext-div.div1 {
  width: 380px;
}

.introjs-tooltiptext-div.div2 {
  width: 310px;
}

.introjs-tooltiptext-div a {
  color: #fff;
  text-decoration: none;
}

.introjs-tooltiptext-div a:hover {
  color: #cbcaca;
  text-decoration: none;
}

.introjs-tooltiptext-ul, .introjs-tooltiptext-ol {
  margin: .5em 0;
  padding-left: 15px;
}

.introjs-skipbutton {
  cursor: pointer;
  text-align: center;
  font-weight: 700;
  line-height: 45px;
  text-decoration: none;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  color: #fffefe !important;
  width: 50px !important;
  height: 50px !important;
  font-size: 25px !important;
}

.introjs-center {
  margin-right: 10%;
  display: inline-flex !important;
}

.m-areas > div.m-area > div.m-panel, div.m-panel > button {
  box-shadow: none !important;
}

.m-areas > div.m-area > div.m-panel {
  background-color: #f7f7f700 !important;
}

.m-areas > div.m-area.m-right > div.m-panel {
  margin-right: 15px !important;
}

.m-areas > div.m-area > div.m-panel.no-collapsible > div.m-panel-controls > div.m-control > button, .m-areas > div.m-area > div.m-panel > button.m-panel-btn {
  color: #010101 !important;
  background-color: #fff !important;
  width: 45px !important;
}

.m-areas > div.m-area > div.m-panel.m-selectiondraw > button.m-panel-btn {
  color: #010101 !important;
  background-color: #fff !important;
}

.w-container::-webkit-scrollbar {
  width: 6px;
}

.tippy-box {
  box-shadow: 0 0 2px #000c !important;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.loading {
  z-index: 999;
  width: 2em;
  height: 2em;
  overflow: show;
  margin: auto;
  position: fixed;
  inset: 0;
}

.loading:before {
  content: "";
  background: -webkit-radial-gradient(#141414cc, #000c);
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
}

.loading:not(:required) {
  font: 0 / 0 a;
  color: #0000;
  text-shadow: none;
  background-color: #0000;
  border: 0;
}

.loading:not(:required):after {
  content: "";
  -ms-animation: spinner .15s infinite linear;
  border-radius: .5em;
  width: 1em;
  height: 1em;
  margin-top: -.5em;
  font-size: 10px;
  animation: .15s linear infinite spinner;
  display: block;
  box-shadow: 1.5em 0 #ffffffbf, 1.1em 1.1em #ffffffbf, 0 1.5em #ffffffbf, -1.1em 1.1em #ffffffbf, -1.5em 0 #ffffffbf, -1.1em -1.1em #ffffffbf, 0 -1.5em #ffffffbf, 1.1em -1.1em #ffffffbf;
}

.loading-btn {
  -ms-animation: spinner .5s infinite linear;
  animation: .5s linear infinite spinner;
  display: block;
}

@keyframes spinner {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.styled-table {
  border-collapse: collapse;
  margin: 25px 0;
  font-family: sans-serif;
  font-size: .9em;
  box-shadow: 0 0 20px #00000026;
}

.styled-table thead tr {
  color: #fff;
  text-align: left;
  background-color: #009879;
}

.styled-table td:nth-child(odd) {
  text-align: left !important;
}

.styled-table td:nth-child(2n) {
  text-align: right !important;
}

.styled-table th, .styled-table td {
  padding: 12px 15px;
}

.styled-table tbody tr {
  border-bottom: 1px solid #ddd;
}

.styled-table tbody tr:nth-of-type(2n) {
  background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
  border-bottom: 2px solid #009879;
}

.styled-table tbody tr.active-row {
  color: #009879;
  font-weight: bold;
}

.navbar-brand {
  align-items: center;
  padding: 0;
}

nav {
  z-index: 1030;
  border-bottom: 1px solid #656565;
  height: 6vh;
}

.menu {
  z-index: 1021;
  border-radius: 2rem 2rem 0 0;
  transition: transform .6s;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 5px 5px #00000095;
  width: 100vw !important;
  height: 50vh !important;
  bottom: 0 !important;
}

.cero-heigth {
  opacity: 0;
  height: 0 !important;
}

.normal-heigth {
  opacity: 1;
  height: 100% !important;
}

.range-container {
  border: 3px solid #585858;
  border-radius: 25px;
  width: 80%;
  padding: 1rem;
  display: none;
  position: absolute;
  top: 46rem;
}

.data-container {
  border: 3px solid #585858;
  border-radius: 25px;
  width: 80%;
  max-width: 80%;
  padding: 1rem;
  display: none;
  position: absolute;
  top: 57rem;
}

.range-container img {
  width: 80%;
  padding-left: 1.2rem;
}

.layer-container {
  display: initial;
  border: 3px solid #585858;
  border-radius: 25px;
  width: 80%;
  padding: 1rem;
  position: absolute;
  top: 30rem;
}

.address-container {
  display: initial;
  border: 3px solid #585858;
  border-radius: 25px;
  width: 80%;
  padding: 1rem;
  position: absolute;
  top: 5rem;
}

.address-container input {
  background: #ffffff8c;
  border: 0;
  border-radius: 5px;
  width: 80%;
  padding: .25rem;
  color: #000 !important;
}

.container-checkbox {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  margin-bottom: 12px;
  padding-left: 35px;
  font-size: 22px;
  display: block;
  position: relative;
}

.container-checkbox input {
  opacity: 0;
  cursor: pointer;
  width: 0;
  height: 0;
  position: absolute;
}

.checkmark {
  background-color: #dedede;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
}

.container-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

.checkmark:after {
  content: "";
  display: none;
  position: absolute;
}

.container-checkbox input:checked ~ .checkmark:after {
  display: block;
}

.container-checkbox .checkmark:after {
  border: 3px solid #fff;
  border-width: 0 3px 3px 0;
  width: 5px;
  height: 10px;
  top: 5px;
  left: 9px;
  transform: rotate(45deg);
}

.results {
  background-color: #f5f5f5;
  border-radius: 1rem;
  max-height: 15rem;
  overflow: auto;
}

.results-hide {
  display: none;
}

.fs-tiny {
  font-size: 12px !important;
}

input[type="radio"]:checked + label, input[type="radio"]:hover + label {
  color: #fff !important;
}

.address {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.address:hover {
  cursor: pointer;
  background: #e8e3e3;
  border-radius: 5px;
}

.dropdown-toggle {
  outline: 0;
}

.btn-toggle {
  color: #000000a6;
  background-color: #0000;
  border: 0;
  align-items: center;
  padding: .25rem .5rem;
  font-weight: 600;
  display: inline-flex;
}

.dejar_pulse {
  display: none;
}

.__consultar {
  height: 3.5rem;
}

.__consultar .dejar_pulse_icon {
  display: none;
}

.m-areas1 {
  box-shadow: 5px 2px 15px #0000001a;
}

.__consultar.clicked > .comenzar_pulse, .__consultar.clicked .comenzar_pulse_icon {
  display: none;
}

.__consultar.clicked > .dejar_pulse, .__consultar.clicked .dejar_pulse_icon {
  display: block !important;
}

.__consultar > button:before {
  content: "" !important;
}

.__consultar > button {
  aspect-ratio: 1;
  transform: translateY(-2px);
  box-shadow: 3px 2px 5px #00000071;
  height: 100% !important;
}

.btn-toggle:before {
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transform-origin: .5em;
  width: 1.25em;
  line-height: 0;
  transition: transform .35s;
}

.btn-toggle[aria-expanded="true"] {
  color: #000000d9;
}

.btn-toggle[aria-expanded="true"]:before {
  transform: rotate(90deg);
}

.btn-toggle-nav a {
  margin-top: .125rem;
  margin-left: 1.25rem;
  padding: .1875rem .5rem;
  text-decoration: none;
  display: inline-flex;
}

.btn-toggle-nav a:hover, .btn-toggle-nav a:focus {
  background-color: #d2f4ea;
}

.fw-semibold {
  font-weight: 600;
}

#output {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 104%);
  font-size: 14px !important;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-select: none;
}

.temp-image {
  background-image: url("data:image/png;base64,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");
  background-size: 100%;
  border: 1px solid gray;
  height: 3rem;
}

.slider-click {
  width: 100%;
  height: 3rem;
  position: absolute;
  top: 0;
  right: 0;
}

.slider {
  border: 2px solid #2b2b2b;
  width: 50%;
  height: 3rem;
  position: absolute;
  top: 0;
  right: 0;
}

.antiSliderBlack {
  border-right: 1px solid #727272;
}

.antiSliderWhite {
  border-right: 1px solid #242424;
}

.antiSlider {
  background-color: #18181880;
  border-radius: 1rem 0 0 1rem;
  width: 50%;
  height: 3rem;
  position: absolute;
  top: 0;
  left: 0;
}

.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
  color: #fff;
  background-color: #2196f3 !important;
  border-color: #2196f3 !important;
}

.btn-outline-primary {
  border-color: #2196f3 !important;
}

.text-pink {
  color: #d5006e !important;
}

.slider-control {
  filter: invert(10%);
  position: absolute;
  bottom: 1px;
  transform: translate(-54%, 10%);
}

.slider-control > img {
  filter: invert();
  width: 1.2rem;
  height: 1.8rem;
}

#filtro-content > button {
  max-width: 90%;
}

#slider-min, #slider-max {
  position: absolute;
  top: -2px;
  transform: translateY(-80%);
  font-size: 14px !important;
}

#slider-min {
  left: 0;
}

#slider-max {
  right: 0;
}

#dark-panel {
  z-index: 1023;
  background-color: #00000075;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

#sidebar-collapsable {
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 33px;
  height: 33px;
  display: flex;
  position: absolute;
  right: 1rem;
  background: #ebebec !important;
  padding: 0 !important;
}

.sidebar-collapsable > i {
  height: 1.7rem;
  font-size: 1.5rem !important;
}

.menu.collapsed {
  transform: translateY(100%);
}

.clickable {
  cursor: pointer;
}

.skewbutton {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  box-shadow: 2px 5px 5px #000000a0;
}

#layers-button-parent {
  z-index: 999;
  gap: 1rem;
  top: 9.2rem;
  right: 1rem;
  display: flex !important;
}

#map-dimension-toggler-button {
  z-index: 999;
  gap: 1rem;
  top: 13rem;
  right: 1rem;
  display: flex !important;
}

#leyenda {
  z-index: 999;
  background-color: #fff;
  border: 2px solid #fff;
  width: 10rem;
  bottom: 0;
  right: 0;
  box-shadow: 10px 10px 10px #0000008b;
}

#leyenda-header {
  cursor: pointer;
  width: 100%;
}

.leyenda-text {
  height: 1rem;
}

.leyenda-texts {
  background-image: url("leyenda.e334247d.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  flex-direction: column;
  place-content: space-between space-around;
  align-items: center;
  display: flex;
}

#leyenda-header > div {
  background-color: #364b5f !important;
}

#leyenda-image {
  height: 50vh;
  max-height: 400px;
  transition: height .5s;
  overflow: hidden;
}

.tap, .leyenda-text-1 {
  display: none;
}

.leyenda-text-2 {
  display: flex;
}

.leyenda-hidden .tap, .leyenda-hidden .leyenda-text-1 {
  display: flex !important;
}

.leyenda-hidden .leyenda-text-2 {
  display: none !important;
}

.leyenda-hidden #leyenda-image {
  height: 0 !important;
}

.invert {
  filter: invert();
}

.tooltip-button {
  cursor: pointer;
}

#mytooltip > div {
  padding: 1rem;
}

.styled-table i {
  color: #8e8e8e;
  padding-bottom: 2px;
  padding-left: 4px;
  font-size: 12px !important;
}

#map {
  width: 100vw;
  height: calc(100vh - 6rem);
  transition: transform .6s cubic-bezier(.2, 1, .3, 1) .1s;
  transform: scale(1);
  background-color: #ececec !important;
}

#map-3d {
  width: 100vw;
  height: calc(100vh - 6rem);
  background-color: #ff7e7e !important;
}

#map.collapsed {
  transform: perspective(100vh)translate3d(-2rem, 0, 0)scale(.89)rotate3d(0, 1, 0, 30deg);
}

#map.collapsed + .right-sidebar {
  transform: translateX(0%);
}

.text-semiligth {
  color: #e2e2e2;
}

.right-sidebar {
  transition: transform .5s;
  position: absolute;
  top: 44%;
  right: 0;
  transform: translateX(150%);
}

.right-sidebar > p {
  padding-right: 1rem;
  color: #f5f5f5 !important;
}

#buscador2 > div {
  border-radius: .5rem;
  overflow: hidden;
}

.buscador2-consulte {
  color: #282828 !important;
  font-size: .9rem !important;
}

#catastro-label {
  direction: rtl;
}

#catastro-label p {
  margin-bottom: 0;
  margin-right: 2rem;
}

#catastro-label .checkmark {
  right: 0 !important;
}

.buscador2-up {
  transform: translateY(-150%);
}

#buscador2 {
  z-index: 1019;
  margin-left: 5%;
  transition: transform .5s;
  position: absolute;
  top: 1rem;
  box-shadow: 2px 5px 5px #00000080;
  width: 90% !important;
}

#buscador1 {
  display: none;
}

#skew-button {
  display: inherit !important;
}

.navbar-btns button {
  display: none !important;
}

#layers-panel, #info-panel {
  z-index: 1024;
  width: 80vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 12px !important;
}

#info-panel a {
  color: #fff;
}

#info-panel ul {
  padding-left: 2rem;
}

#customRange1 {
  opacity: 0;
  -webkit-appearance: none;
  direction: rtl;
  width: 106%;
  height: 3rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

#customRange1::-webkit-slider-thumb {
  appearance: none;
  cursor: col-resize;
  width: 2rem;
  height: 3rem;
}

#sidebar-tab {
  z-index: 999;
  cursor: pointer;
  width: 100%;
  height: 2rem;
  bottom: 0;
}

#sidebar-tab-bg {
  text-align: center;
  background-color: #f5f5f5;
  width: 100%;
  height: 2rem;
  padding-top: .25rem;
}

#sidebar-tab i {
  color: #364b5f;
  font-size: 1.5rem;
}

.close-layers {
  cursor: pointer;
}

body .navbar {
  height: 6rem;
  padding: 0;
  background-color: #364b5f !important;
}

.logo {
  max-width: 80vw;
  height: 2rem;
}

.logoPRTR {
  max-width: 80vw;
  height: 6rem !important;
}

.navbar-btns {
  align-items: center;
  display: flex;
}

@media (width <= 1319px) {
  .logoPRTR {
    max-width: 80vw;
    height: 4.5rem !important;
  }
}

@media (width <= 1218px) {
  #logoPRTR {
    display: none !important;
  }
}

@media (width <= 1144px) {
  #logoNEXT {
    display: none !important;
  }
}

.navbar-btns button, body .navbar .navbar-toggler {
  border: none;
  color: #fff !important;
  font-size: 18px !important;
}

.navbar-btns button:focus, body .navbar .navbar-toggler:focus {
  box-shadow: none;
}

.navbar-btns button:hover, body .navbar .navbar-toggler:hover {
  border: none;
  background-color: #ffffff26 !important;
}

.navbar-btns button i, body .navbar .navbar-toggler i {
  color: #fff !important;
}

.navbar-btns button {
  padding: .7rem;
  display: inline !important;
}

div#m-locator-title, #m-locator-previews {
  display: none;
}

#div-contenedor-locator > #m-ignsearch-panel > #m-ignsearchlocator-search-input {
  max-width: 75vw;
  width: 300px !important;
}

#m-ignsearch-panel {
  border-radius: 10px;
  width: 365px;
  max-width: 95vw;
  padding: 5px;
  left: calc(50vw - 183px);
  box-shadow: 1px 1px 5px gray;
  font-size: 15px !important;
  position: fixed !important;
}

@media (width <= 375px) {
  #m-ignsearch-panel {
    left: 2.5vw;
  }
}

#div-contenedor-locator > #m-ignsearch-panel > #m-ignsearchlocator-clean-button {
  background-color: #364b5f !important;
}

#layers-button-parent {
  display: block !important;
}

.rounded-circle {
  box-shadow: 2px 5px 5px #0000004d;
}

.rounded-circle i {
  color: #364b5f !important;
  font-size: 1rem !important;
}

.rounded-circle:hover i, .rounded-circle:focus i {
  color: #000 !important;
  cursor: pointer !important;
  font-size: 1rem !important;
}

#slider-min, #slider-max {
  font-weight: 700;
}

.slider-custom {
  align-items: center;
  padding: 1.5rem 0 0;
  display: flex;
}

#slider-opacity {
  align-items: left;
  justify-content: flex-end;
  display: flex;
}

#customRange1-opacity {
  width: 50%;
  margin-left: 5%;
}

#slider {
  border: none;
}

#slider #output {
  font-weight: 700;
}

.slider-center {
  flex-grow: 1;
}

.temp-image {
  border-radius: 8px;
}

.sun {
  width: 30px;
  margin: 6px;
}

.slider-min, .slider-max, #customRange1 {
  color: #364b5f !important;
}

#filtro-content .btn-toggle, #datos-content .btn-toggle {
  font-weight: 700;
}

#filtro-content .btn-toggle:before {
  padding-right: 25px;
  color: #364b5f !important;
}

.btn-toggle:hover, .btn-toggle:focus {
  color: #000000d9;
  background-color: #0000000f;
}

.styled-table {
  box-shadow: none;
  margin: 0;
  font-weight: 600;
}

.styled-table tr > td:last-child {
  font-weight: 700;
}

.mymodal {
  color: #fff !important;
  background-color: #364b5f !important;
  border-radius: 12px !important;
}

.closemodal {
  cursor: pointer;
  width: 30px;
}

header #close-share {
  background: none !important;
}

.options .btn-outline-primary {
  justify-content: center;
  align-items: center;
  font-weight: 700;
  display: flex;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  margin: 0 !important;
}

.options .btn-outline-primary:hover {
  background-color: #0006 !important;
}

.options .btn-check:checked + .btn-outline-primary {
  justify-content: center;
  align-items: center;
  font-weight: 700;
  display: flex;
  color: #364b5f !important;
  background-color: #fdce7e !important;
  border: none !important;
  border-radius: 6px !important;
  outline: none !important;
}

.options .btn-check:checked + .btn-outline-primary:focus {
  box-shadow: none !important;
}

.options > div {
  padding: 3px !important;
}

.options .baseLayersDiv {
  border: 2px solid #fff;
  border-radius: 10px;
}

.options .form-check-input, .options .form-check-label {
  cursor: pointer;
  font-weight: 700;
  color: #fff !important;
}

.options .form-check-input:checked {
  background-color: #fdce7e;
  border-color: #fbba4b;
}

.container-checkbox input ~ .checkmark {
  border: 2px solid #fff;
  border-radius: 7px;
  background-color: #0000 !important;
}

.container-checkbox input:checked ~ .checkmark {
  background-color: #fbba4b !important;
}

.mymodal .content > ul {
  padding-left: 0;
}

.field {
  background-color: #f5f5f5;
  border-radius: 2px;
  overflow: hidden;
}

.icons > a {
  box-shadow: none;
  background: #fff3;
  border: none;
  transition: background-color .5s, color .5s;
  border-radius: 200px !important;
  width: 3rem !important;
  height: 3rem !important;
}

.icons > a:hover {
  background: #fff;
}

.icons i {
  color: #fff !important;
  height: auto !important;
  font-size: 1.5rem !important;
}

.icons > a:hover i {
  color: #364b5f !important;
  height: auto !important;
  font-size: 2.5rem !important;
}

.mymodal .content .btn-primary {
  background-color: #fff;
  border-color: #fff;
  font-weight: 700;
  color: #364b5f !important;
}

.m-modal .m-content {
  color: #364b5f !important;
  background-color: #fff !important;
  border-radius: 12px !important;
}

.m-modal .m-content .m-title {
  font-weight: 700;
  color: #364b5f !important;
  background-color: #0000 !important;
  font-size: 1.5rem !important;
}

.m-modal .m-content .m-message {
  color: #364b5f !important;
  background-color: #0000 !important;
  border-bottom: none !important;
  font-size: 1.2rem !important;
}

.m-modal .m-content .m-button button {
  background-color: #364b5f !important;
  border-radius: 100px !important;
}

#welcome-panel {
  z-index: 99999;
  background-color: #0000007a;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  top: 0;
}

.welcome-bg {
  background: url("welcome-bg.4226ff50.jpg") 0 0 / cover;
  overflow: hidden;
  box-shadow: 2px 5px 5px #0000004d;
  border-radius: 12px !important;
}

.w-container {
  background-color: #0000007a;
  flex-direction: column;
  width: 90vw;
  height: 80vh;
  padding: 1rem;
  display: flex;
  overflow-y: auto;
}

.welcome-container {
  flex-direction: column;
  padding: 2rem;
  display: flex;
  background-color: #0009 !important;
  border-radius: 12px !important;
  height: 100% !important;
}

.input-welcome {
  min-height: 15vh;
  margin-bottom: 2rem;
}

.content-welcome {
  color: #fff;
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}

.logo-welcome {
  text-align: center;
  color: #ff8c00;
  flex-grow: 1;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 2.5rem !important;
}

.title-welcome {
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
  font-size: 2rem !important;
}

.text-welcome {
  margin-bottom: 2rem;
  font-size: 1.2rem !important;
}

.text-welcome li::marker {
  color: #ff8c00;
  font-weight: 700;
}

.text-welcome .form-check {
  max-height: 495px;
  padding-left: 2rem;
  font-style: italic;
  font-size: 1rem !important;
}

.input-welcome {
  flex-grow: 1;
}

.input-welcome .results {
  margin-top: .5rem;
}

.buscador-welcome {
  background: #fff;
  border-radius: 10px !important;
}

.buscador-welcome > input {
  padding: 12px 18px;
  font-weight: 700;
  box-shadow: none !important;
  border: none !important;
  border-radius: 10px !important;
  font-size: 1rem !important;
}

.buscador-welcome > input:focus {
  box-shadow: none !important;
}

.buscador-welcome > input::placeholder {
  font-size: 1.2rem !important;
}

.buscador-welcome > button {
  border-radius: 10px !important;
}

.pie-welcome {
  text-align: center;
}

.pie-welcome span {
  background: #fff;
  border-radius: 8px;
  padding: 5px 12px;
  display: inline-block;
}

.pie-welcome img {
  width: 12vh;
}

#welcome-panel-close {
  cursor: pointer;
  text-align: right;
  transition: all .2s;
}

#welcome-panel-close:hover {
  opacity: .7;
}

#welcome-panel .closemodal {
  width: 30px;
}

.sun {
  padding: 4px;
}

.leftsun {
  opacity: .5;
  padding: 5px;
}

.menu > div {
  width: 100%;
  overflow-y: scroll;
}

.title-comp {
  display: none !important;
}

.title-mobile {
  min-width: 370px;
  margin: 0 auto;
  display: flex;
  height: 40px !important;
}

.title {
  justify-content: center;
  align-items: center;
  height: 5vh;
  display: flex;
}

.arrow {
  width: 2rem;
  position: absolute;
  bottom: 0;
  left: 1rem;
  transform: translateY(80%);
  color: #364b5f !important;
}

.mvh-90 {
  max-height: 90vh;
}

@media (width >= 1550px) {
  .title-comp {
    position: absolute;
    left: 60%;
    transform: translateX(-50%);
  }
}

@media (width >= 950px) {
  .title-comp h1 {
    font-size: 1.3rem !important;
  }

  .logo {
    height: 2.5rem;
  }
}

@media (width >= 775px) and (width <= 950px) {
  .title-comp h1 {
    font-size: 1.25rem !important;
  }
}

@media (width >= 775px) {
  body .navbar {
    height: 3rem;
  }

  .title-mobile {
    display: none;
  }

  .title-comp {
    display: flex !important;
  }

  #map, #map-3d {
    height: calc(100vh - 3rem);
  }
}

@media (aspect-ratio >= 1) {
  #mytooltip {
    width: 28vw;
  }

  .welcome-bg, .w-container {
    width: 100%;
    max-width: 600px;
    max-height: 515px;
  }

  #sidebar-tab-bg {
    border-radius: 0 .6rem .6rem 0;
    justify-content: center;
    padding: 0;
    display: flex;
    box-shadow: 2px 5px 5px #000000a1;
    align-items: center !important;
  }

  #sidebar-tab, #sidebar-tab-bg {
    width: 2.5rem;
    height: 3rem;
    top: 1rem;
  }

  .tab-icon {
    transform: rotate(90deg) !important;
  }

  #skew-button {
    display: none !important;
  }

  .navbar-btns button {
    padding: .7rem;
    display: inherit !important;
  }

  .menu {
    width: 30vw !important;
    height: calc(100vh - 3rem) !important;
    top: 0 !important;
  }

  #inner-menu {
    width: 100%;
    min-height: 44vh;
    top: 0;
  }

  #share1 {
    width: 3rem;
    height: 3rem;
  }

  .bg-dark-transparent-parent {
    display: none;
  }

  #buscador2 {
    transform: translateX(-50%);
    width: 28vw !important;
    margin: 0 !important;
    transition: all !important;
    left: 50% !important;
  }

  #buscador1 {
    display: block;
  }

  #layers-panel, #info-panel {
    z-index: 1021;
    width: 28vw;
    position: absolute;
    box-shadow: 2px 5px 5px #00000080;
    top: 1rem !important;
    right: 1rem !important;
    left: inherit !important;
    transform: translate(0) !important;
  }

  .menu.collapsed {
    transform: translateX(-100%);
  }

  .welcome-container {
    height: 100%;
  }

  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }

  #layers-button-parent {
    display: block !important;
  }

  .menu {
    border-radius: 0 !important;
  }
}

@media screen and (width >= 1800px) {
  .overlayLayersDiv {
    align-items: left;
    flex-direction: column;
    display: flex;
  }
}

.g-plugin-selectordraw-pin-seleccionado:before, .g-plugin-selectordraw-poligono:before {
  content: "" !important;
}

.tool#community {
  background-image: url("z_community_1.1a79f559.png");
}

.tool#polygon-plus {
  background-image: url("polygon-plus.b75cdc6f.png");
}

.tool#polygon-less {
  background-image: url("polygon-less.7764920c.png");
}

.tool#dot-plus {
  background-image: url("dot-plus.ee4e36ee.png");
}

.tool#dot-less {
  background-image: url("dot-less.a8f7716e.png");
}

.tool#building-plus {
  background-image: url("building-plus.acbe29fd.png");
}

.tool#building-less {
  background-image: url("building-less.85bf5e2f.png");
}

#div-contenedor button {
  opacity: 1 !important;
}

#point, #polygon {
  display: none;
}

.tool {
  background-size: contain;
  width: 32px;
  height: 32px;
  display: block;
}

.tool.activated {
  filter: brightness(.5) sepia() hue-rotate(-200deg) saturate(5);
}

.btn-panel {
  color: #fff;
  background-color: #2b9879;
  border-color: #2b9879;
  margin-top: 10px;
}

.btn-panel.btn-panel:hover {
  background-color: #364b5f;
}

#div-btn-ub {
  margin-left: 25%;
}

.m-areas > div.m-area > div.m-panel {
  border-radius: 0 !important;
}

.chart-class {
  display: unset !important;
}
/*# sourceMappingURL=index.f64a4247.css.map */