input[type="date"] {
  width: 30%;
}

.multiplecheckbox-options{
  display: none;
}

span.selectAll {
  color: #444;
  font-size: 13px;
  display: block;
  cursor: pointer !important;
}

.tabla-orders{
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
}

.mes {
  display: inline-block;
  width: 240px;
  height: 120px;
  border: solid 1px;
}

.mes-porciento{
  display: inline-block;
  width: 240px;
  height: 85px;
  padding: 40px;
}

.negativo {
  background: #FFC7CE;
  color: black;
  align-content: center;
  text-align: -webkit-center;
}

.positivo {
  background: #C6EFCE;
  color: black;
  align-content: center;
  text-align: -webkit-center;
}

.porcentaje {
  align-content: center;
  text-align: -webkit-center;
}

.año-actual, .año-anterior  {
  text-align: -webkit-center;
}

#statisticInfo p {
  line-height: 0px !important;
}

.col-zona{
  width: 12%;
  text-align: -webkit-right;
}

.nombre-background {
  position: absolute;
  top: -100px;
  color: rgba(0, 0, 0, 0.1);
  pointer-events: none;
  width: 2080px;
  height: 1200px;
  line-height: 1.8;
  font-size: 25px;
}

.backToForm{
  background-color: var(--color-primary) !important;
  color: white !important;
}

.backToForm i{
  margin-right: 10px;
}

.select2-container{
  width: 300px !important;
}

@media (max-width: 767px) {
.col-zona{
  width: 30% !important;
}
.col-10{
  max-width: 70% !important;
}
  
}