@page {
  /* QUITA URL; FECHA Y NOMBRE PAGINA WEB DE LA IMPRESION */
  size: 210mm 297mm;
  /* auto es el valor inicial */
  /* Arriba | Derecha | Abajo | Izquierda */
  margin: 1mm 10mm 2mm 15mm!important;
  /* margin: 0px; */
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #fafafa;
  font: 12pt "Tahoma";
  overflow-y: auto !important;
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.page {
  padding: 5mm 20mm 20mm 20mm;
  margin: 5mm auto;
  border: 5px #d3d3d3 solid;
  border-radius: 5px;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.leaflet-control-printpreview-bar {
  margin-top: 1% !important;
  height: 15mm;
}

.leaflet-control-printpreview-btn {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
  display: inline-block;
  height: 36px;
  padding: 0 10px;
  line-height: 36px;
  height: 36px;
  text-decoration: none;
  color: #333333;
  margin-right: 5px;
}

.leaflet-control-printpreview-btn:hover {
  background-color: #f4f4f4;
}

#map {
  position: relative !important;
}

.previewmap {
  margin-top: 0px !important;
  padding: 1cm;
  border: 1px red solid;
}

@page {
  margin: 0;
}

@media print {
  .page {
    margin: 0;
    border: initial;
    border-radius: initial;
    width: initial;
    min-height: initial;
    box-shadow: initial;
    background: initial;
    page-break-after: avoid;
    padding: 20mm;
  }
  div.leaflet-top.leaflet-left,
  div.leaflet-top.leaflet-right,
  div.leaflet-control-printpreview-bar {
    display: none !important;
  }
}

div.leaflet-top.leaflet-left > div:nth-child(n + 2) {
  display: none !important;
}