@charset "UTF-8";

body {
  margin: 0 0 0 0;
  /* background-color: #2f4050; */
  overflow-x: hidden;
  /* background-color: #cccccc; */
  height: 800px;
  background-position: center; 
  background-repeat: repeat;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #000000 !important;
  background-color: #e9ecef !important;
  cursor: grabbing !important;
}
.nav-link:hover {
  cursor: pointer !important;
}
/* Buscador Estaciones */

.easy-autocomplete.eac-square input {
  min-width: 400px !important;
}
/* inicio barra navegación */
.top-navbar {
  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.nav > li > a {
  color: #808080;
  font-size: 13px;
  font-weight: 600;
  padding: 14px 30px 14px 30px;
  text-decoration: none;
  letter-spacing: 0.1em;
}

.nav > li.active > a {
  color: #7e293b;
  font-weight: 601;
}
.nav > li > a:hover,
.nav > li > a:focus {
  color: #7e293b;
  font-weight: 601;
}

.navbar {
  border: 0;
}
.navbar-brand {
  background: #7e293b;
  padding: 5px 25px;
}
.navbar-brand span {
  color: white;
  letter-spacing: 0.2em;
}
.navbar-brand:hover,
.navbar-brand:focus {
  color: white;
  background: #891e35;
  text-decoration: none;
}

.navbar-toggler {
  background-color: #891e35;
  padding: 6px 12px;
  font-size: 14px;
}

/* fin barra navegación */

.bloque {
  margin-bottom: 40px;
  margin-top: 10px;
  padding: 20px 25px 5px;
}
.wrapper-content {
  padding: 20px 10px 40px;
}

.ibox {
  clear: both;
  margin-bottom: 50px;
  margin-top: 0;
  padding: 0;
}
.float-e-margins .btn {
  margin-bottom: 5px;
}

.ibox-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #ffffff;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 3px 0 0;
  color: inherit;
  margin-bottom: 0;
  padding: 14px 15px 7px;
  min-height: 48px;
}
.ibox-title h5 {
  display: inline-block;
  font-size: 14px;
  margin: 0 0 7px;
  padding: 0;
  text-overflow: ellipsis;
  /*float: left;*/
}
.ibox-content {
  background-color: #ffffff;
  color: inherit;
  padding: 15px 20px 20px 20px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0;
}

.ibox-content-bloques {
  background-color: #ffffff;
  color: inherit;
  padding: 15px 0px 20px 0px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0;
}

.ibox-content img {
  float: right !important;
}
.ibox-content-Descarga {
  background-color: #ffffff;
  color: inherit;
  padding: 15px 20px 20px 20px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0;
}
.label-estacion-on {
  background-color: green;
}
.label-estacion-off {
  background-color: red;
}
.label {
  color: white;
  font-family: "Open Sans";
  font-size: 11px;
  letter-spacing: 0.3em;
  font-weight: 600;
  padding: 3px 8px;
  text-shadow: none;
  border-radius: 0.25em;
}
.label-temperatura {
  background-color: #660000;
}
.label-lluvia {
  background-color: blue;
}
.label-humedad {
  background-color: #f8ac59;
}
.label-viento {
  background-color: #aa3333;
}
.label-luminancia {
  background-color: #afaf256e;
  color: black;
}
.label-viento-vel {
  background-color: #945f4b;
}
.label-uv {
  background-color: #744a99;
}

.ibox-content span,
.ibox-content h5,
.ibox-title h1 {
  margin-top: 5px;
  color: #808080;
}
.ibox-title h5 {
  margin-top: 5px;
  color: #808080;
  font-weight: bold;
}

h1,
h5 {
  font-weight: 120;
}
h5 {
  font-size: 12px;
}
h6 {
  font-size: 10px;
}
input:focus {
  background-color: #660000;
  color: white;
}
a {
  margin: 1em;
  text-decoration: none;
}
/* Inicio Datatables */
.table-datatable {
  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
}
/* Fin Datatables */

.center {
  text-align: center;
}
.img-left {
  float: left;
  width: 48px;
}
.pull-right {
  float: right !important;
}

/* FONDOS */

.gray-bg {
  background-color: #f3f3f4;
}
.white-bg {
  background-color: #fff;
}

/* MAXIMAS Y MINIMAS */

.maximo {
  font-size: 16px !important;
  color: white !important;
  width: 100% !important;
}

.minimo {
  font-size: 16px !important;
  color: white !important;
  width: 100% !important;
}

/* ACERCA DE */

.ibox-content-acerca {
  background-color: #ffffff;
  color: inherit;
  padding: 15px 20px 20px 20px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0;
}
.img-responsive {
  max-width: 100%;
  height: auto;
}
.pie_pagina {
  display: table;
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}