body {
  font-family: Verdana, Geneva, sans-serif !important;
}

.right-section {
  height: calc(100vh - 115px);
}

#devicesLastDataSection {
  height: calc(100vh - 187px);
}

.selected {
  border-bottom: 1px solid black;
  font-weight: bold;
  padding-bottom: 0;
}

.botonera {
  background-color: #00755C;
  border: 1px solid #00755C;
}

.boton {
  white-space: nowrap;
  flex-direction: column;
  justify-content: center;
}

.boton.select {
  background-color: #009B78;
}

.boton:not(.select):hover {
  background-color: #00B78D;
}

.upper-navbar {
  padding: 0 20px 0 0;
  border-bottom: 3px solid #00755C;
}

.logo img {
  height: 70px;
}

.language-switcher {
  margin-left: auto;
}

.language-list {
  flex-wrap: nowrap;
}

/*.table-title {
  background-color: #BBE33D;
}*/
.lower-navbar {
  background-color: white;
  width: auto;
}

.nav-list {
  font-size: 17px;
}

.nav-list li {
  color: black;
}

.nav-list>li.spanBt>span:hover {
  text-shadow: none;
  color: black !important;
  border-bottom: 1px solid black;
}

.fa-map-marker:before {
  content: "\f111";
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  left: 0;
}

@media all and (max-width: 600px) {
  .logo {
    margin-left: 0;
  }

  .lower-navbar {
    background-color: white;
  }

  .lower-navbar.active {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    margin-top: 0;
  }

  .nav-list {
    align-items: flex-start;
    background-color: white;
  }

  .content.lower-navbar-active {
    margin-top: 100px
  }

  .sub-section-texts {
    white-space: normal;
  }

  div.dataTables_filter label {
    float: left;
  }
}