div#mesajes {
  position: fixed;
  bottom: 0px;
  right: 2% !important;
  max-width: 400px;
  z-index: 1000;
}
div#mensajes {
  position: fixed;
  bottom: 0px;
  right: 2% !important;
  max-width: 400px;
  z-index: 1000;
  border-radius: var(--border-radius-md);
}
div.mensajes {
  position: fixed;
  bottom: 0px;
  right: 0px;
  max-width: 400px;
  z-index: 1000;
}

no-resize {
  resize: none !important;
}


.DvInicio {
  padding: 30px 30px 0;
}

.bar-legend {
  list-style: none;
  overflow: auto;
  margin-left: 17px;
}

.bar-legend li {
  float: left;
  margin-right: 20px;
}

.bar-legend span {
  display: block;
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 6px;
}

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

.chart {
  height: 330px;
  margin: 0 auto;
}

a:hover,
a:active,
a:focus {
  color: #000;
}

.descripcionDetalle {
  white-space: break-spaces;
}