@font-face {
  font-family: "iconvault";
  src: url("../img/forecast/iconvault_forecastfont.eot");
  src: url("../img/forecast/iconvault_forecastfont.eot?#iefix") format("embedded-opentype"), url("../img/forecast/iconvault_forecastfont.woff") format("woff"), url("../img/forecast/iconvault_forecastfont.ttf") format("truetype"), url("../img/forecast/iconvault_forecastfont.svg#iconvault") format("svg");
  font-weight: normal;
  font-style: normal; }

.forecast-icon {
  position: relative; }
  .forecast-icon span {
    font-family: 'iconvault';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased; }
    .forecast-icon span::before, .forecast-icon span::after {
      font-family: 'iconvault'; }
    .forecast-icon span.base-cloud::before {
      content: '\f105';
      color: #cccccc; }
    .forecast-icon span.windy-rain-cloud::before {
      content: '\f111';
      color: #cccccc; }
    .forecast-icon span.windy-snow-cloud::before {
      content: '\f109';
      color: #cccccc; }
    .forecast-icon span.base-thunder-cloud::before {
      content: '\f105';
      color: #000; }
    .forecast-icon span.icon-thunder::before {
      content: "\f114";
      color: orange; }
    .forecast-icon span.icon-sunny::before {
      content: "\f101";
      color: orange; }
    .forecast-icon span.icon-drizzle::before {
      content: "\f10a";
      color: #82b2e4; }
    .forecast-icon span.icon-hail::before {
      content: "\f10f";
      color: #cccccc; }
    .forecast-icon span.icon-showers::before {
      content: "\f104";
      color: #82b2e4; }
    .forecast-icon span.icon-rainy::before {
      content: "\f107";
      color: #4681c3; }
    .forecast-icon span.icon-snowy::before {
      content: "\f10b";
      color: #acd3f3; }
    .forecast-icon span.icon-frosty::before {
      content: "\f102";
      color: #85d8f7; }
    .forecast-icon span.icon-windy::before {
      content: "\f115";
      color: #cccccc; }
    .forecast-icon span.icon-windyrain::before {
      content: "\f10e";
      color: #acd3f3; }
    .forecast-icon span.icon-windysnow::before {
      content: "\f103";
      color: #acd3f3; }
    .forecast-icon span.icon-sleet::before {
      content: "\f10c";
      color: #acd3f3; }
    .forecast-icon span.icon-moon::after {
      content: "\f10d";
      color: orange; }
    .forecast-icon span.icon-night::after {
      content: "\f100";
      color: orange; }
    .forecast-icon span.icon-sun::after {
      content: "\f113";
      color: orange; }
    .forecast-icon span.icon-cloud::after {
      content: "\f106";
      color: #999; }
    .forecast-icon span.icon-cloud-dark::after {
      content: "\f106";
      color: #333; }
    .forecast-icon span.icon-sunrise::before {
      content: '\f112';
      color: orange; }
    .forecast-icon span.icon-sunset::before {
      content: '\f110';
      color: #f96f23; }
    .forecast-icon span.icon-mist::before {
      content: '\f108';
      color: #cccccc; }

.range-point-selector {
  width: 100%;
  height: 60px;
  background-color: #CAD5EA;
  border: 1px solid #AAB5CA;
  margin-bottom: 40px; }
  .range-point-selector .espacio, .range-point-selector .elementos {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer; }
    .range-point-selector .espacio .elemento, .range-point-selector .elementos .elemento {
      padding-left: 1px;
      padding-right: 1px; }
  .range-point-selector .elemento, .range-point-selector .actual, .range-point-selector .rango {
    height: 100%;
    position: absolute;
    top: 0;
    width: 0;
    border-left: 1px solid #333333; }
  .range-point-selector .actual {
    border-left: 3px solid red;
    margin-left: -1.5px; }
  .range-point-selector .rango {
    border-left: 2px solid red;
    border-right: 2px solid red;
    background-color: rgba(255, 0, 0, 0.5);
    cursor: ew-resize;
    margin-left: -1px; }
  .range-point-selector .triangulos {
    position: relative;
    height: 25px;
    width: 100%; }
    .range-point-selector .triangulos .triangulo-container {
      position: relative;
      margin-left: -13.75px;
      top: -18px;
      padding: 5px;
      cursor: ew-resize;
      z-index: 1; }
    .range-point-selector .triangulos .triangulo-container.fin {
      margin-left: -30px; }
    .range-point-selector .triangulos .triangulo {
      border-style: solid;
      border-width: 0 9px 24px 9px;
      border-color: transparent transparent #1a6dc7 transparent;
      opacity: 0.9; }

@font-face {
  font-family: open-sans;
  src: url("../vendor/google-open-sans/open-sans/regular.eot");
  src: url("../vendor/google-open-sans/open-sans/regular.eot?#iefix") format("embedded-opentype"), url("../vendor/google-open-sans/open-sans/regular.woff") format("woff"), url("../vendor/google-open-sans/open-sans/regular.ttf") format("truetype"), url("../vendor/google-open-sans/open-sans/regular.svg#open-sans") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: open-sans;
  src: url("../vendor/google-open-sans/open-sans/italic.eot");
  src: url("../vendor/google-open-sans/open-sans/italic.eot?#iefix") format("embedded-opentype"), url("../vendor/google-open-sans/open-sans/italic.woff") format("woff"), url("../vendor/google-open-sans/open-sans/italic.ttf") format("truetype"), url("../vendor/google-open-sans/open-sans/italic.svg#open-sans") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: open-sans;
  src: url("../vendor/google-open-sans/open-sans/bold.eot");
  src: url("../vendor/google-open-sans/open-sans/bold.eot?#iefix") format("embedded-opentype"), url("../vendor/google-open-sans/open-sans/bold.woff") format("woff"), url("../vendor/google-open-sans/open-sans/bold.ttf") format("truetype"), url("../vendor/google-open-sans/open-sans/bold.svg#open-sans") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: open-sans;
  src: url("../vendor/google-open-sans/open-sans/bold-italic.eot");
  src: url("../vendor/google-open-sans/open-sans/bold-italic.eot?#iefix") format("embedded-opentype"), url("../vendor/google-open-sans/open-sans/bold-italic.woff") format("woff"), url("../vendor/google-open-sans/open-sans/bold-italic.ttf") format("truetype"), url("../vendor/google-open-sans/open-sans/bold-italic.svg#open-sans") format("svg");
  font-weight: bold;
  font-style: italic; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 1.95rem; } }

html {
  position: relative;
  min-height: 100%; }

body {
  margin-bottom: 50px;
  font-family: 'open-sans', sans-serif; }

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 58px; }
  footer #copyright {
    margin-top: 3px;
    color: #999; }
    footer #copyright img {
      width: 100px;
      margin-bottom: 2px;
      opacity: 0.6;
      -webkit-transition: opacity 300ms ease;
      -o-transition: opacity 300ms ease;
      transition: opacity 300ms ease; }
      footer #copyright img:hover {
        opacity: 0.9;
        -webkit-transition: opacity 500ms ease;
        -o-transition: opacity 500ms ease;
        transition: opacity 500ms ease; }
    @media (max-width: 767px) {
      footer #copyright {
        font-size: 92%;
        padding-top: 8px;
        clear: both; }
        footer #copyright img {
          width: 92px;
          margin-top: 1px; } }
  @media (min-width: 992px) {
    footer #app-movil {
      margin-right: -50px; } }
  @media (min-width: 1200px) {
    footer #app-movil {
      margin-right: -113px; } }
  footer #app-movil img {
    height: 35px; }
  footer a, footer a:hover {
    color: inherit; }

.normal {
  font-weight: normal; }

abbr[title] {
  text-decoration: none; }

svg:not(:root) {
  font-family: inherit !important; }

input:focus {
  z-index: 10 !important; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  box-shadow: 0 0 0 1000px #fff inset; }

input::-webkit-clear-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="number"]:not([disabled]) {
  -moz-appearance: textfield; }
  input[type="number"]:not([disabled]):hover, input[type="number"]:not([disabled]):focus {
    -moz-appearance: number-input; }

input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  margin: 6.5px 0; }
  input[type="range"]:focus {
    outline: none; }
  input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    box-shadow: none;
    background: #2f7fd6;
    border-radius: 0;
    border: 0; }
  input[type="range"]::-webkit-slider-thumb {
    box-shadow: none;
    border: 1px solid #666666;
    height: 16px;
    width: 16px;
    border-radius: 16px;
    background: #ffffff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -6.5px; }
  input[type="range"]:focus::-webkit-slider-runnable-track {
    background: #2f7fd6; }
  input[type="range"]::-moz-range-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    box-shadow: none;
    background: #2f7fd6;
    border-radius: 0;
    border: 0; }
  input[type="range"]::-moz-range-thumb {
    box-shadow: none;
    border: 1px solid #666666;
    height: 16px;
    width: 16px;
    border-radius: 16px;
    background: #ffffff;
    cursor: pointer; }
  input[type="range"]::-ms-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent; }
  input[type="range"]::-ms-fill-lower {
    background: #2f7fd6;
    border: 0;
    border-radius: 0;
    box-shadow: none; }
  input[type="range"]::-ms-fill-upper {
    background: #2f7fd6;
    border: 0;
    border-radius: 0;
    box-shadow: none; }
  input[type="range"]::-ms-thumb {
    box-shadow: none;
    border: 1px solid #666666;
    height: 16px;
    width: 16px;
    border-radius: 16px;
    background: #ffffff;
    cursor: pointer; }
  input[type="range"]:focus::-ms-fill-lower {
    background: #2f7fd6; }
  input[type="range"]:focus::-ms-fill-upper {
    background: #2f7fd6; }

.relative {
  position: relative; }

.nav-tabs li a {
  color: #555;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  outline: 0; }
  .nav-tabs li a:hover {
    background-color: #fff;
    border: 1px solid #ddd; }

.list-group-item.active .text-muted {
  color: #cccccc; }

.well {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #ddd;
  padding: 10px 15px; }
  .well.inverse {
    background-color: inherit;
    border-top: none; }

.panel {
  -webkit-box-shadow: none;
  box-shadow: none; }

.panel-heading label, .panel-heading h3 {
  margin-bottom: 0;
  line-height: 34px; }

.panel-heading label {
  text-align: center; }

.panel-title .control-label {
  text-align: left; }

.row-vertical-margin {
  margin-bottom: 1em; }

.margin-top {
  margin-top: 15px; }

.margin-bottom {
  margin-bottom: 15px; }

.margin-right {
  margin-right: 15px; }

.margin-left {
  margin-left: 15px; }

.no-padding {
  padding: 0; }

a[ng-click], a[uib-dropdown-toggle] {
  cursor: pointer; }

.no-wrap {
  white-space: nowrap; }

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.invisible {
  visibility: hidden; }

.hover:hover {
  background-color: #E9E9E9; }

.full-width {
  width: 100%; }

textarea {
  resize: vertical;
  min-height: 34px; }

.input-group.doble {
  width: 100%; }
  .input-group.doble input {
    width: 38%;
    border-right: 0; }
  .input-group.doble select {
    width: 62%; }

input::-ms-clear {
  display: none; }

.clear-input {
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  height: 14px;
  margin: auto;
  font-size: 14px;
  cursor: pointer;
  color: #999; }

select[multiple], .multiple-select {
  padding-right: 5px;
  height: 127px;
  -webkit-transition: 200ms ease-out;
  -o-transition: 200ms ease-out;
  transition: 200ms ease-out;
  -webkit-box-shadow: none;
  box-shadow: none; }
  select[multiple].long, .multiple-select.long {
    height: 184px; }
  select[multiple].desplegado, .multiple-select.desplegado {
    height: 380px;
    -webkit-box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.3);
    -webkit-transition: 200ms ease-out;
    -o-transition: 200ms ease-out;
    transition: 200ms ease-out; }
    select[multiple].desplegado.long, .multiple-select.desplegado.long {
      height: 450px; }

.multiple-select {
  list-style: none;
  cursor: default;
  overflow-y: scroll;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .multiple-select.dropdown-menu {
    height: auto;
    overflow-y: hidden;
    padding: 0;
    width: calc(100% - 24px);
    margin: 2px 12px 0 12px; }
    .multiple-select.dropdown-menu li {
      padding: 0;
      margin: 0; }
    .multiple-select.dropdown-menu label {
      font-weight: normal;
      padding: 7px 15px; }
  .multiple-select input {
    display: none; }
  .multiple-select li {
    margin: 0 0 3px 0;
    padding: 0 0 3px 23px; }
    .multiple-select li.group {
      padding-left: 0;
      padding-bottom: 0; }
    .multiple-select li.margin-left {
      margin-left: 5px; }
  .multiple-select input:checked + label .text-muted {
    color: #fff; }
  .multiple-select input:checked + label::before {
    background-color: white;
    border: 1px solid #2f7fd6; }
  .multiple-select input:checked + label::after {
    color: #2f7fd6;
    top: 0; }
  .multiple-select ul {
    list-style: none;
    padding: 2px 0 0 0; }
    .multiple-select ul li {
      margin-left: 5px; }
  .multiple-select label {
    width: 100%;
    padding-top: 1px;
    margin-bottom: 0;
    line-height: 16px;
    cursor: pointer; }
    .multiple-select label.disabled {
      opacity: 0.45;
      cursor: not-allowed; }
    .multiple-select label .ellipsis {
      display: block; }

.dropdown button.btn-default.dropdown-toggle {
  position: relative;
  text-align: left; }
  .dropdown button.btn-default.dropdown-toggle .caret {
    position: absolute;
    right: 10px;
    top: 45%; }

.dropdown-menu.inverse {
  color: #f9f9f9;
  background-color: #000000;
  -webkit-box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.3); }
  .dropdown-menu.inverse .table {
    color: inherit !important; }
    .dropdown-menu.inverse .table tbody tr:hover {
      background-color: #333333; }

@media (min-width: 768px) {
  .dropdown-menu.no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0; } }

.dropdown-menu.no-shadow .table td {
  padding-top: 1px;
  padding-bottom: 1px; }

.dropdown-menu.agrupacion-metricas {
  padding: 0 5px;
  right: -5px; }
  @media (max-width: 767px) {
    .dropdown-menu.agrupacion-metricas {
      min-width: 251px;
      width: calc(90% - 120px);
      max-width: 350px; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    .dropdown-menu.agrupacion-metricas {
      width: 273px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .dropdown-menu.agrupacion-metricas {
      width: 231px; } }
  @media (min-width: 1200px) {
    .dropdown-menu.agrupacion-metricas {
      width: 298px; } }
  .dropdown-menu.agrupacion-metricas .table {
    margin-bottom: 0;
    color: #333333; }
    .dropdown-menu.agrupacion-metricas .table thead td {
      font-size: 95%; }
    .dropdown-menu.agrupacion-metricas .table th, .dropdown-menu.agrupacion-metricas .table td {
      border: none; }
    .dropdown-menu.agrupacion-metricas .table .checkbox {
      margin-left: 2px; }

.dropdown-menu.con-botones li {
  position: relative; }
  .dropdown-menu.con-botones li a {
    padding-right: 45px;
    padding-top: 5px;
    padding-bottom: 5px; }
    .dropdown-menu.con-botones li a .boton {
      position: absolute;
      right: 15px;
      top: 6px;
      padding: 0;
      cursor: pointer; }

#ngProgress {
  color: #2f7fd6 !important;
  background-color: #2f7fd6 !important;
  -webkit-box-shadow: none;
  box-shadow: none; }

.dias-semana {
  margin-top: 27px;
  margin-bottom: 19px; }
  .dias-semana div.checkbox {
    width: 14.28571%;
    margin: 0 auto; }
  .dias-semana label::before, .dias-semana label::after {
    margin-left: 0; }
  .dias-semana label span {
    position: relative;
    top: -23px;
    left: -4px;
    width: 16px;
    display: inline-block;
    text-align: center; }

.pagination {
  margin-top: -7px;
  margin-bottom: 0; }
  .pagination .current {
    width: calc(100% - 70px);
    margin-top: 1px; }

.text-left {
  text-align: left !important; }

fieldset[disabled] legend, fieldset[disabled] label, fieldset[disabled] .input-group-addon {
  color: #777; }

.well fieldset legend {
  border: 0; }

fieldset legend {
  margin-bottom: 15px; }

fieldset fieldset {
  padding: 0 15px;
  border: 1px solid #ddd; }
  fieldset fieldset legend {
    display: inherit;
    width: auto;
    padding: 0 10px;
    margin: 0;
    border: 0; }

.grafica {
  position: relative; }
  .grafica .contenedor {
    display: block; }
  .grafica .mensaje {
    display: none;
    text-align: center;
    padding-top: 210px;
    font-size: 150%;
    height: 440px; }
  .grafica.vacia .contenedor {
    display: none; }
  .grafica.vacia .mensaje {
    display: block; }
  .grafica .reset-zoom {
    position: absolute;
    top: 8px;
    right: 25px; }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg); } }
  .grafica .spin-icon {
    margin-right: 10px;
    animation: spin 800ms infinite linear; }

.lista-desplegable p.vacio {
  height: 127px;
  margin-bottom: 0;
  padding-top: 54px;
  cursor: not-allowed;
  text-align: center;
  opacity: 0.65;
  background-color: #eeeeee; }

.lista-desplegable .desplegar {
  padding-right: 4px;
  padding-left: 4px;
  margin-left: 5px; }

.lista-desplegable .relative ul.multiple-select {
  position: absolute;
  z-index: 100; }
  .lista-desplegable .relative ul.multiple-select.desplegado {
    z-index: 999; }
  @media (min-width: 992px) {
    .lista-desplegable .relative ul.multiple-select.dos-columnas.desplegado {
      width: calc(200% + 30px); }
      .lista-desplegable .relative ul.multiple-select.dos-columnas.desplegado .group {
        clear: both; }
        .lista-desplegable .relative ul.multiple-select.dos-columnas.desplegado .group ul li {
          position: relative;
          min-height: 1px;
          padding-left: 15px;
          padding-right: 15px;
          margin: 0;
          padding-left: 23px; } }
      @media (min-width: 992px) and (min-width: 992px) {
        .lista-desplegable .relative ul.multiple-select.dos-columnas.desplegado .group ul li {
          float: left;
          width: 50%; } }
  .lista-desplegable .relative ul.multiple-select li.checkbox {
    position: relative;
    -webkit-transition: margin-bottom 300ms ease;
    -o-transition: margin-bottom 300ms ease;
    transition: margin-bottom 300ms ease; }
    .lista-desplegable .relative ul.multiple-select li.checkbox.selected .ayuda {
      color: #e6e6e6; }
    .lista-desplegable .relative ul.multiple-select li.checkbox.emphasis label {
      font-style: italic; }
    .lista-desplegable .relative ul.multiple-select li.checkbox.hover {
      background-color: #e6e6e6;
      margin-bottom: 150px;
      -webkit-transition: margin-bottom 300ms ease;
      -o-transition: margin-bottom 300ms ease;
      transition: margin-bottom 300ms ease; }
      .lista-desplegable .relative ul.multiple-select li.checkbox.hover.btn-primary {
        background-color: #2366af; }
    .lista-desplegable .relative ul.multiple-select li.checkbox .right {
      position: absolute;
      top: 1px;
      right: 5px;
      z-index: 1; }
      .lista-desplegable .relative ul.multiple-select li.checkbox .right .dropdown {
        display: inline; }
    @media (min-width: 768px) {
      .lista-desplegable .relative ul.multiple-select li.checkbox:hover .right, .lista-desplegable .relative ul.multiple-select li.checkbox.hover .right {
        display: inline; }
      .lista-desplegable .relative ul.multiple-select li.checkbox .right {
        display: none; } }
    .lista-desplegable .relative ul.multiple-select li.checkbox .ayuda {
      cursor: help;
      color: #4d4d4d; }

#cabecera-xs h1, #cabecera h1 {
  width: 150px;
  height: 37px;
  background: url(../img/logo.png) no-repeat top left;
  background-size: contain; }

#cabecera-xs h1 {
  margin-top: 10px;
  float: left; }

#cabecera-xs .navbar-default {
  background-color: inherit; }
  #cabecera-xs .navbar-default .navbar-header {
    border-bottom: 1px solid #ddd; }

#cabecera-xs .navbar-toggle {
  margin-right: 0; }

#cabecera-xs .navbar-nav {
  margin-top: 0;
  margin-bottom: 0; }
  #cabecera-xs .navbar-nav:last-of-type {
    border-top: 1px solid #ddd; }

#cabecera-xs .navbar-collapse {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-top: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

#cabecera-xs #nav-current {
  margin: 14px 0 0 12px;
  font-weight: bold;
  font-size: 16px; }

#cabecera {
  height: 50px; }
  #cabecera h1 {
    margin: 0;
    float: right; }
  #cabecera nav {
    margin-top: 9px; }
  #cabecera .logout-btn {
    position: relative;
    top: 5px; }
    #cabecera .logout-btn:hover {
      text-decoration: none; }
    #cabecera .logout-btn span {
      margin-right: 5px; }

#vista {
  padding-top: 18px; }

#datos .panel.config.desplegado .panel-heading {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

#datos .panel.config .panel-heading {
  border-bottom-color: transparent !important;
  border-radius: 0; }

#datos .panel.config .panel-body {
  border-top-width: 1px;
  border-top-style: solid; }
  #datos .panel.config .panel-body p.vacio {
    height: 184px;
    padding-top: 82px; }
  @media (max-width: 991px) {
    #datos .panel.config .panel-body .relative {
      height: 205px; } }
  #datos .panel.config .panel-body .intervalo label {
    padding-top: 7px;
    padding-bottom: 7px; }
  #datos .panel.config .panel-body .intervalo .checkbox {
    margin-top: 0;
    margin-bottom: -5px;
    padding-top: 0; }
    #datos .panel.config .panel-body .intervalo .checkbox label::after {
      top: 5px; }
      @media (min-width: 768px) {
        #datos .panel.config .panel-body .intervalo .checkbox label::after {
          left: -3px; } }
  #datos .panel.config .panel-body .intervalo .col-sm-3 {
    padding-left: 0;
    margin-bottom: 0; }
  #datos .panel.config .panel-body .intervalo .col-sm-9 {
    padding-right: 0; }

#datos .consultas button.dropdown-toggle {
  min-width: 250px;
  max-width: 400px;
  border-radius: 0 0 0 0; }
  @media (max-width: 767px) {
    #datos .consultas button.dropdown-toggle {
      min-width: 0; }
      #datos .consultas button.dropdown-toggle i.fa {
        padding-right: 10px; } }

#datos .consultas button .caret {
  position: absolute;
  right: 10px;
  top: 45%; }

#datos .grafica {
  background-color: #fff;
  min-height: 450px; }
  #datos .grafica.vacia {
    background-color: #f5f5f5; }
  #datos .grafica .contenedor {
    padding-top: 31px;
    padding-bottom: 10px;
    min-height: 450px; }
  @media (max-width: 767px) {
    #datos .grafica {
      padding-left: 0;
      padding-right: 0;
      margin-left: -10px;
      margin-right: -10px; }
      #datos .grafica.vacia {
        margin-left: 0;
        margin-right: 0; } }

#datos .dropdown-consultas {
  min-width: 250px;
  max-width: 400px; }

#riego .form-group {
  padding-right: 15px; }
  #riego .form-group label {
    padding-right: 6px; }
  #riego .form-group .dropdown {
    display: inline-block; }

#riego .grafica {
  padding-left: 0;
  overflow: hidden; }
  #riego .grafica strong.punto {
    display: block;
    text-align: center; }

#riego .agua-util-wrapper {
  position: relative; }
  #riego .agua-util-wrapper .agua-util {
    position: absolute;
    z-index: 2;
    left: 10px;
    top: 10px;
    right: 30px;
    bottom: 20px; }
    #riego .agua-util-wrapper .agua-util .textos {
      float: left; }
      #riego .agua-util-wrapper .agua-util .textos.textos-eh p {
        margin-top: 6px; }
        #riego .agua-util-wrapper .agua-util .textos.textos-eh p.bottom {
          position: absolute;
          bottom: 15px;
          max-width: 415px; }
    #riego .agua-util-wrapper .agua-util .prevision span {
      margin-top: -4px; }
    #riego .agua-util-wrapper .agua-util .prevision .fa-cloud {
      color: #ffffff;
      text-shadow: 0 -1px #999, 1px -1px #999, 1px 0 #999, 1px 1px #999, 0 1px #999, -1px 1px #999, -1px 0 #999, -1px -1px #999; }
  #riego .agua-util-wrapper .cambiar-vista {
    position: absolute;
    bottom: 20px;
    right: 0; }
    #riego .agua-util-wrapper .cambiar-vista .btn-default {
      border-color: #2772c5;
      color: #2772c5; }
    #riego .agua-util-wrapper .cambiar-vista .btn-primary {
      cursor: default; }
      #riego .agua-util-wrapper .cambiar-vista .btn-primary:hover, #riego .agua-util-wrapper .cambiar-vista .btn-primary:active, #riego .agua-util-wrapper .cambiar-vista .btn-primary:focus {
        background-color: #2f7fd6;
        border-color: #2772c5;
        box-shadow: none; }
  #riego .agua-util-wrapper::before {
    height: 210px;
    display: block;
    content: '';
    margin-left: 15px;
    margin-right: 15px;
    background: #d2ecf9;
    background: linear-gradient(to bottom, #d2ecf9 0%, #ffffff 89.9%, #6c992c 90%, #6c992c 100%); }
    @media (max-width: 1199px) {
      #riego .agua-util-wrapper::before {
        height: 310px;
        background: linear-gradient(to bottom, #d2ecf9 0%, #ffffff 92.9%, #6c992c 93%, #6c992c 100%); } }
    @media (max-width: 991px) {
      #riego .agua-util-wrapper::before {
        height: 365px;
        background: linear-gradient(to bottom, #d2ecf9 0%, #ffffff 94.2%, #6c992c 94.3%, #6c992c 100%); } }

#riego .cilindro-agua-util {
  width: 135px;
  float: left;
  margin: 0 20px; }
  #riego .cilindro-agua-util .cylinder-chart .threshold .line {
    fill: none;
    stroke: none;
    stroke-width: 10; }
  #riego .cilindro-agua-util .cylinder-chart .threshold.danger .line {
    stroke: #F9B233; }
  #riego .cilindro-agua-util .cylinder-chart .threshold.ok .line {
    stroke: #94dc34; }
  #riego .cilindro-agua-util .cylinder-chart .threshold.background {
    opacity: 0.5; }
  #riego .cilindro-agua-util .cylinder-chart .threshold .sleeve {
    fill: #F9B233;
    opacity: 0.3; }
  #riego .cilindro-agua-util .cylinder-chart .threshold.ok .sleeve {
    fill: #94dc34; }
  #riego .cilindro-agua-util .cylinder-chart .threshold.danger .sleeve {
    fill: #F9B233; }
  #riego .cilindro-agua-util .cylinder-chart .water .bottom, #riego .cilindro-agua-util .cylinder-chart .water .level {
    fill: #70cbef; }
  #riego .cilindro-agua-util .cylinder-chart .water .surface {
    fill: #a6e4f7; }
  #riego .cilindro-agua-util .cylinder-chart .borders {
    opacity: 0.5; }
  #riego .cilindro-agua-util .cylinder-chart .border {
    fill: none;
    stroke: #999999;
    stroke-width: 5;
    stroke-miterlimit: 10; }

#riego .estres-hidrico {
  float: left;
  width: 158px;
  margin-top: 2px;
  margin-left: 15px; }
  #riego .estres-hidrico .gradient-chart .label .text {
    font-size: 58px;
    fill: #ffffff;
    font-weight: 400;
    transform: translateY(-10px); }

#riego p.descripcion {
  color: #75b9db;
  font-size: 26px; }
  #riego p.descripcion span:first-child {
    margin-top: -4px; }
  #riego p.descripcion span {
    display: block;
    font-size: 15px;
    color: #999; }
  #riego p.descripcion i.fa {
    opacity: 0.9; }
  #riego p.descripcion.humedad-ok {
    color: #3aaa35;
    font-size: 23px; }
  #riego p.descripcion.humedad-por-encima {
    color: #f9b233;
    font-size: 23px; }
    #riego p.descripcion.humedad-por-encima i.fa {
      font-size: 93%; }
  #riego p.descripcion.humedad-por-debajo {
    color: #f1482d;
    font-size: 23px; }

#riego #contenedor-graficas form {
  margin-left: 10px;
  padding-right: 0;
  padding-left: 0;
  color: #ffffff; }
  #riego #contenedor-graficas form input[type=number] {
    -moz-appearance: textfield; }
    #riego #contenedor-graficas form input[type=number]::-webkit-outer-spin-button, #riego #contenedor-graficas form input[type=number]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
  #riego #contenedor-graficas form label {
    font-weight: normal; }
  #riego #contenedor-graficas form input {
    background: transparent;
    color: #f9f9f9;
    border-color: rgba(0, 0, 0, 0.35);
    text-align: right; }
  #riego #contenedor-graficas form small.error {
    color: #ffe975; }
  #riego #contenedor-graficas form .form-group i.fa {
    color: rgba(255, 255, 255, 0.5);
    padding-right: 5px; }
  #riego #contenedor-graficas form .btn-group {
    position: relative;
    width: 100%; }
    #riego #contenedor-graficas form .btn-group a {
      position: absolute;
      top: -10px;
      right: -25px;
      color: #000;
      cursor: pointer;
      padding: 0 15px; }
      #riego #contenedor-graficas form .btn-group a small {
        color: #000;
        opacity: 0.6;
        padding-right: 6px;
        margin-top: 2px;
        display: block;
        float: left; }
      #riego #contenedor-graficas form .btn-group a i::before {
        opacity: 0.35;
        font-size: 20px; }
  #riego #contenedor-graficas form .parametros {
    margin-left: 15px; }
    #riego #contenedor-graficas form .parametros .col {
      padding-left: 0;
      margin-bottom: 6px; }

#riego #contenedor-graficas-cv {
  width: 200%;
  overflow-y: hidden;
  position: relative;
  left: 0;
  transition: left 500ms ease; }
  @media (min-width: 1200px) {
    #riego #contenedor-graficas-cv .grafica {
      width: 80%; }
    #riego #contenedor-graficas-cv .opciones {
      width: 20%; } }
  #riego #contenedor-graficas-cv.mostrar-suelo {
    left: -100%;
    transition: left 500ms ease; }
  #riego #contenedor-graficas-cv .panel-graficas {
    float: left;
    width: 50%;
    position: relative; }
    #riego #contenedor-graficas-cv .panel-graficas.agua-util > .contenedor {
      background-color: #735542; }
      #riego #contenedor-graficas-cv .panel-graficas.agua-util > .contenedor.contenedor-precipitaciones {
        background-color: #ffffff; }
    #riego #contenedor-graficas-cv .panel-graficas.composicion-suelo .reset-zoom {
      bottom: 20px;
      right: 30px; }
    #riego #contenedor-graficas-cv .panel-graficas .reset-zoom {
      right: 15px;
      bottom: 55px;
      top: auto; }

#riego #contenedor-graficas-eh .reset-zoom {
  right: 15px;
  bottom: 33px;
  top: auto; }

#riego #contenedor-graficas-eh .datos {
  padding: 17px 0 10px;
  min-height: 220px; }
  #riego #contenedor-graficas-eh .datos .estres-hidrico {
    width: 118px; }
  #riego #contenedor-graficas-eh .datos .cilindro-agua-util {
    width: 101px;
    margin-right: 0;
    margin-left: 14px; }
    #riego #contenedor-graficas-eh .datos .cilindro-agua-util svg .border {
      stroke: #d2d2d2; }
  #riego #contenedor-graficas-eh .datos p.descripcion {
    font-size: 14px;
    text-align: right;
    margin-right: 10px; }
    #riego #contenedor-graficas-eh .datos p.descripcion span {
      font-size: 12px;
      color: #ccc; }
    #riego #contenedor-graficas-eh .datos p.descripcion.humedad-ok {
      color: #6ff869; }
    #riego #contenedor-graficas-eh .datos p.descripcion.humedad-por-encima i.fa {
      font-size: 93%; }
    #riego #contenedor-graficas-eh .datos p.descripcion.humedad-por-debajo {
      color: #ff6b56; }

#riego #contenedor-graficas-eh form {
  margin-top: 15px; }

@media (min-width: 1200px) {
  #riego #contenedor-graficas-eh .datos {
    width: 24%; }
  #riego #contenedor-graficas-eh .grafica {
    width: 56%; }
  #riego #contenedor-graficas-eh .opciones {
    width: 20%; } }

#riego .contenedor {
  margin-left: 15px;
  margin-right: 15px; }
  #riego .contenedor.profundidad-0 {
    background-color: #9c775b; }
  #riego .contenedor.profundidad-1 {
    background-color: #85644e; }
  #riego .contenedor.profundidad-2 {
    background-color: #735542; }
  #riego .contenedor.profundidad-3 {
    background-color: #5e4436; }

#riego .grafica {
  padding-right: 0; }

#riego a:hover {
  text-decoration: none; }

#riego .opciones {
  padding-left: 0; }

#riego .suelo form {
  color: #f9f9f9; }

#riego .suelo svg {
  width: 95%;
  margin: 0 auto;
  display: block; }
  #riego .suelo svg text {
    font-family: sans-serif;
    font-size: 11pt;
    fill: #f9f9f9; }
  #riego .suelo svg .escalas text {
    font-size: 8pt; }

#riego .suelo .toggle {
  height: 120px; }

#alertas .regla .checkbox {
  margin-left: 0; }

#alertas .regla .input-group {
  width: 100%; }

#alertas .relative, #informes .relative {
  height: 130px; }

#informes .intervalo {
  margin-bottom: 25px; }
  #informes .intervalo .radio {
    margin-bottom: 3px; }

#informes label.margin-top {
  margin-top: 7px; }

#estaciones .mapa {
  margin-bottom: 20px; }
  #estaciones .mapa ng-map {
    width: 100%;
    height: 507px; }

#estaciones .prediccion .well {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

#estaciones .prediccion div.table-responsive {
  margin-bottom: 12px; }
  #estaciones .prediccion div.table-responsive table {
    margin-left: 129px;
    margin-bottom: 0; }
    #estaciones .prediccion div.table-responsive table th, #estaciones .prediccion div.table-responsive table td {
      white-space: nowrap;
      height: 32px;
      min-width: 58px; }
    #estaciones .prediccion div.table-responsive table th.small {
      max-width: 86px;
      vertical-align: middle;
      text-align: center;
      padding-left: 0;
      padding-right: 0; }
    #estaciones .prediccion div.table-responsive table th.ellipsis {
      max-width: 100px; }
    #estaciones .prediccion div.table-responsive table th.doble {
      height: 50px; }
  #estaciones .prediccion div.table-responsive table.fixed-column {
    margin-left: 0;
    position: absolute;
    display: inline-block;
    width: 127px;
    min-width: 127px;
    background-color: #f9f9f9;
    z-index: 2; }
  #estaciones .prediccion div.table-responsive .forecast-icon {
    cursor: default; }
    #estaciones .prediccion div.table-responsive .forecast-icon span {
      font-size: 26pt;
      position: absolute;
      top: -15px;
      left: 0;
      width: 100%;
      margin: 0 auto; }
  #estaciones .prediccion div.table-responsive .forecast-wind {
    width: 100%;
    height: 100%;
    margin: -2.5px 0; }
    #estaciones .prediccion div.table-responsive .forecast-wind img {
      width: 25px;
      opacity: 0.65; }

#estaciones .estados p.text-danger {
  margin-top: -4px; }

#estaciones .estados .variedades button {
  margin-top: 5px; }

#estaciones .estados .variedades .dropdown-menu.lista-larga {
  width: auto;
  column-count: 2; }
  @media (min-width: 768px) {
    #estaciones .estados .variedades .dropdown-menu.lista-larga {
      column-count: 3; } }
  @media (min-width: 992px) {
    #estaciones .estados .variedades .dropdown-menu.lista-larga {
      column-count: 4; } }

#estaciones .estados .pagination {
  margin-top: 0;
  margin-bottom: 7px; }
  #estaciones .estados .pagination .current {
    margin-top: 0; }

#estaciones .estados .fila {
  padding: 4px 0; }
  #estaciones .estados .fila > div {
    margin-bottom: 0; }

#estaciones .estados label {
  padding-left: 7px; }

#estaciones .estados a.dropdown-fecha input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

#estaciones .estados a.eliminar {
  margin-left: -1px; }
  #estaciones .estados a.eliminar:hover {
    text-decoration: none; }

#estaciones .sensores {
  width: 100%; }
  #estaciones .sensores td {
    vertical-align: top;
    padding: 0.2em; }
    #estaciones .sensores td:first-child {
      padding-right: 1.75em; }

#gis .navbar {
  margin-bottom: 0;
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }
  #gis .navbar .navbar-nav li.dropdown > button {
    padding-top: 15px;
    padding-bottom: 15px;
    background: transparent;
    border-radius: 0; }
    #gis .navbar .navbar-nav li.dropdown > button:active {
      -webkit-box-shadow: none;
      box-shadow: none; }
  #gis .navbar .navbar-nav li.dropdown.open > button {
    background: #e7e7e7; }
  #gis .navbar .multiple-select {
    margin: -1px 0 0;
    width: 200px; }
    #gis .navbar .multiple-select .checkbox {
      margin: 2px 0;
      padding-left: 0;
      width: 100%; }
      #gis .navbar .multiple-select .checkbox input + label {
        padding-left: 42px; }
        #gis .navbar .multiple-select .checkbox input + label::before {
          left: 38px; }
      #gis .navbar .multiple-select .checkbox input:checked + label::after {
        left: 41px;
        top: 5px; }
      #gis .navbar .multiple-select .checkbox:first-child {
        margin-top: 0; }
      #gis .navbar .multiple-select .checkbox:last-child {
        margin-bottom: 0; }
  #gis .navbar .intervalo {
    margin-top: 7.5px; }
    #gis .navbar .intervalo label {
      padding-right: 5px;
      font-weight: normal; }

#gis .checkbox label::after {
  padding-left: 0; }

#gis #mapa {
  height: 700px;
  width: 100%;
  margin-bottom: 20px; }
  #gis #mapa .leaflet-top, #gis #mapa .leaflet-bottom {
    z-index: 999; }
  #gis #mapa .marker-cluster {
    background: url("../img/logos/grupo.png") no-repeat;
    text-align: center;
    color: #ffffff;
    padding-top: 5px; }
    #gis #mapa .marker-cluster > div {
      width: 30px; }

#gis .range-point-selector {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*@media (max-width: $screen-xs-max) {
      .tooltip {
        display: none;
      }
    }*/ }
  #gis .range-point-selector .fechas {
    position: absolute;
    top: 0;
    width: 100%;
    margin-top: 5px; }

#ajustes .ui-select-container {
  margin-top: 18px;
  padding-bottom: 7px; }
  #ajustes .ui-select-container .ui-select-choices-row.active .text-muted {
    color: #e6e6e6; }
  #ajustes .ui-select-container .ui-select-container i.caret {
    display: none; }

#ajustes .list-group-item:disabled {
  cursor: not-allowed; }

#login form {
  max-width: 380px;
  padding: 16px;
  margin: 0 auto; }
  #login form h1 {
    width: 150px;
    height: 37px;
    float: right;
    margin: 50px 0 12px;
    background: url(../img/logo.png) no-repeat top left;
    background-size: contain; }
  #login form input {
    position: relative;
    height: auto;
    padding: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 16px; }
  #login form button {
    margin-top: 10px;
    margin-bottom: 4px; }
  #login form .form-group input {
    margin-top: -1px; }
    #login form .form-group input:first-of-type {
      border-top-right-radius: 0;
      border-top-left-radius: 0;
      margin-top: 0; }
    #login form .form-group input:last-of-type {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0; }