/* Para Distintas resoluciones */
@media (min-width: 350px) {
  html {
    overflow-y: hidden;
    overflow-y: hidden;
  }

  h1 {
    font-size: 15px !important;
  }

  h2 {
    font-size: 13px !important;
  }

  h3 {
    font-size: 12px !important;
  }

  h4 {
    font-size: 10px !important;
  }

  h5 {
    font-size: 8px !important;
  }

  h6 {
    font-size: 7px !important;
  }

  p {
    font-size: 14px !important;
  }

  ul {
    font-size: 12px !important;
  }

  table, th, td {
    font-size: 10px !important;
  }
}

@media (min-width: 800px) {
  html {
    overflow-x: hidden;
    overflow-y: hidden;
  }

  .container {
    max-width: 1199px !important;
  }

  h1 {
    font-size: 20px !important;
  }

  h2 {
    font-size: 15px !important;
  }

  h3 {
    font-size: 14px !important;
  }

  h4 {
    font-size: 12px !important;
  }

  h5 {
    font-size: 11px !important;
  }

  h6 {
    font-size: 14px !important;
  }

  p {
    font-size: 14px !important;
  }

  ul {
    font-size: 10px !important;
  }

  table, th, td {
    font-size: 12px !important;
  }
}

@media (min-width: 1199px) {
  html {
    overflow-x: hidden;
    overflow-y: hidden;
  }

  .container {
    max-width: 1800px !important;
  }

  h1 {
    font-size: 25px !important;
  }

  h2 {
    font-size: 15px !important;
  }

  h3 {
    font-size: 15px !important;
  }

  h4 {
    font-size: 13px !important;
  }

  h5 {
    font-size: 11px !important;
  }

  h6 {
    font-size: 10px !important;
  }

  p {
    font-size: 14px !important;
  }

  ul {
    font-size: 12px !important;
  }

  table, th, td {
    font-size: 14px !important;
  }
}

.zoom {
  padding: -5px;
  transition: transform .2s;
  /* Animation */
}

.zoom:hover {
  opacity: 4.7;
  transform: scale(2.1);
  /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

body.dia {
  font-family: monospace !important;
  background-image: url('/gui_common/img/fondo/dia.webp');
  background-repeat: no-repeat;
  background-size: cover;
}

body.dia_lluvia {
  font-family: monospace !important;
  background-image: url('/gui_common/img/fondo/lluvia_dia.webp');
  background-repeat: no-repeat;
  background-size: cover;
}

body.noche {
  font-family: monospace !important;
  background-image: url('/gui_common/img/fondo/noche.webp');
  background-repeat: no-repeat;
  background-size: cover;
}

body.noche_lluvia {
  font-family: monospace !important;
  background-image: url('/gui_common/img/fondo/lluvia_noche.webp');
  background-repeat: no-repeat;
  background-size: cover;
}

/* DATATABLE */
.dataTables_info {
  color: #f8f9fa !important;
}

.paginate_button {
  color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button  {
  color: white !important;
}

.dataTables_filter {
  color: #f8f9fa !important;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  color: black !important;
}

/*GENERALES */
a,
b,
p,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: ari !important;
  color: #ffffff !important;
}

.badgebox {
  opacity: 0;
}

.badgebox+.badge {
  text-indent: -999999px;
  width: 27px;
}

.badgebox:focus+.badge {
  box-shadow: inset 0px 0px 5px;
}

.badgebox:checked+.badge {
  text-indent: 0;
}

.notifyjs-foo-base {
  opacity: 0.85;
  width: 100%;
  background: #ff00008f;
  color: white;
  padding: 5px;
  border-radius: 10px;
}

.notifyjs-foo-base .title {
  width: 500px;
  float: center;
  margin: 10px 0 0 10px;
  text-align: center;
}

.notifyjs-foo-base .buttons {
  width: 150px;
  float: center;
  text-align: center;
  margin: 20px 0 0 0px;
  font-size: 10px;
}

.notifyjs-foo-base button {
  font-size: 12px;
  padding: 1px;
  margin: 2px;
}

.texttanque {
  font-size: 9px;
  font-family: helvetica;
  font-weight: bold;
  color: #71d90b;
  text-transform: uppercase;
}

.parpadea {
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name: parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo {
  0% {
    opacity: 1.0;
  }

  50% {
    opacity: 0.0;
  }

  100% {
    opacity: 1.0;
  }
}

@-webkit-keyframes parpadeo {
  0% {
    opacity: 1.0;
  }

  50% {
    opacity: 0.0;
  }

  100% {
    opacity: 1.0;
  }
}

@keyframes parpadeo {
  0% {
    opacity: 1.0;
  }

  50% {
    opacity: 0.0;
  }

  100% {
    opacity: 1.0;
  }
}

hr.style17 {
  border-top: 1px solid #ffffff;
  text-align: center;
}

hr.style17:after {
  content: '§';
  display: inline-block;
  position: relative;
  top: -1px;
  padding: 0 -1px;
  background: #f0f0f0;
  color: #8c8b8b;
  font-size: 1px;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  transform: rotate(60deg);
}

hr.style18 {
  height: 30px;
  border-style: solid;
  border-color: #8c8b8b;
  border-width: 1px 0 0 0;
  border-radius: 20px;
}

hr.style18:before {
  display: block;
  content: "";
  height: 30px;
  margin-top: -31px;
  border-style: solid;
  border-color: #8c8b8b;
  border-width: 0 0 1px 0;
  border-radius: 20px;
}

.col-centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.row-centered {
  text-align: center;
  display: table-row;
}

.scrollme {
  overflow-y: auto;
}

.filterMatches {
  background-color: #BFFF00;
}

.pre-scrollable-m {
  max-height: 62vh;
  overflow-y: scroll;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #000000 !important;
  background-color: #e9ecef !important;
  cursor: grabbing !important;
}

.nav-pills:hover {
  cursor: pointer !important;
}

.titlebar {
  -webkit-user-select: none;
  -webkit-app-region: drag;
}

.stylish-color {
  background-color: #04046ff0;
}

.stylish-color-footer {
  cursor: pointer;
  font-size: 8px;
  color: #ffffff !important;
  height: 12px;
  background-color: #04046ff0;
  text-align: center !important;
  ;
}

.stylish-color-dark {
  background-color: #FFFFFF;
}

.custom-controls {
  color: gray;
}

.menu:hover {
  color: #CC0000;
  cursor: pointer;
}

.min-icon:hover {
  color: #0099CC
}

.max-icon:hover {
  color: #FF8800
}

.jumbotron {
  background-color: #224a728a !important;
}

.control-label {
  color: #ffffff !important;
}

.table thead th {
  font-weight: bold;
  color: #ffffff !important;
  border-bottom: 2px solid #0d5cab !important;
}

.table td, .table th {
  color: #ffffff !important;
  border-top: 1px solid #ffffff !important
}

.badge-info {
  color: #ffffff !important;
  background-color: #738ca1 !important;
}

.opt {
  color: black !important;
}

.badge-primary {
  color: #ffffff !important;
  background-color: #224a726b !important;
}

.badge-noinformado {
  color: #fff;
  background-color: #0c4819;
}

.badge-ultimalectura {
  color: #ffffff !important;
  background-color: #224a72 !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #ffffff !important;
  background-color: #224a726b !important
}

.dropdown-item {
  color: black !important;
}

#nprogress .bar {
  background: rgb(34, 221, 124) !important;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

div.btn-group, div.btn-group-vertical{
  
  text-align: unset !important;

}