.box-success {
  background: #589a56;
  background: -webkit-gradient(linear, left top, right top, from(#589a56), color-stop(92%, rgba(114, 208, 95, 0.919205)));
  background: linear-gradient(90deg, #589a56 0%, rgba(114, 208, 95, 0.919205) 92%);
}

.box-warning {
  background: #db990a;
  background: -webkit-gradient(linear, left top, right top, from(#db990a), color-stop(92%, rgba(244, 208, 109, 0.919205)));
  background: linear-gradient(90deg, #db990a 0%, rgba(244, 208, 109, 0.919205) 92%);
  font-weight: bold;
}

.box-link {
  background: #1f88df;
  background: -webkit-gradient(linear, left top, right top, from(#0a6cdb), color-stop(92%, rgba(109, 183, 244, 0.822)));
  background: linear-gradient(90deg, #0a6cdb 0%, rgba(109, 183, 244, 0.822) 92%);
  color: white;
}

.box-danger {
  background: #db0a0a;
  background: -webkit-gradient(linear, left top, right top, from(#db0a0a), color-stop(92%, rgba(244, 109, 136, 0.919205)));
  background: linear-gradient(90deg, #db0a0a 0%, rgba(244, 109, 136, 0.919205) 92%);
  font-weight: bold;
  color: white;
}

.box-dark {
  background: #302c2c;
  background: -webkit-gradient(linear, left top, right top, from(#141313), color-stop(92%, rgba(56, 56, 56, 0.919)));
  background: linear-gradient(90deg, #141313 0%, rgba(56, 56, 56, 0.919) 92%);
}

.box-transparent {
  background: none;
}

.box-overflow {
  overflow-x: auto;
}

span.avance {
  position: relative;
  top: 22px;
  left: 50%;
  font-size: 12px;
}

.subtitle {
  font-size: 1em;
}

.title {
  font-size: 1.5em;
}

main {
  margin-top: 5rem;
}

.modal {
  bottom: auto;
}

.currencyBlue {
  color: #2ab1e8;
  font-weight: bold;
}

.currencyRed {
  color: red;
  font-weight: bold;
}

.hr-div {
  height: 10px;
  background-color: darkseagreen;
}

#report-container {
  height: 800px;
}

.section {
  padding: 3rem 1.5rem;
}
