:root {
  --trz-formato-control-h: 30px;
  --trz-formato-control-small-h: 26px;
  --trz-formato-radius-control: 6px;
  --trz-formato-radius-panel: 12px;
  --trz-formato-font-control: 11px;
  --trz-formato-font-small: 10px;
  --trz-formato-gap: 8px;
  --trz-formato-pad-x: 11px;
}

#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) {
  box-sizing: border-box;
}

#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) *,
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) *::before,
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) *::after {
  box-sizing: border-box;
}

#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) button:not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out),
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) .btn:not(.leaflet-control),
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) a.btn {
  height: var(--trz-formato-control-h) !important;
  min-height: var(--trz-formato-control-h) !important;
  max-height: var(--trz-formato-control-h) !important;
  border-radius: var(--trz-formato-radius-control) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: var(--trz-formato-pad-x) !important;
  padding-right: var(--trz-formato-pad-x) !important;
  font-size: var(--trz-formato-font-control) !important;
  line-height: calc(var(--trz-formato-control-h) - 2px) !important;
  font-weight: 850 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) input:not([type="checkbox"]):not([type="radio"]),
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) select {
  height: var(--trz-formato-control-h) !important;
  min-height: var(--trz-formato-control-h) !important;
  max-height: var(--trz-formato-control-h) !important;
  border-radius: var(--trz-formato-radius-control) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 9px !important;
  padding-right: 9px !important;
  font-size: var(--trz-formato-font-control) !important;
  line-height: calc(var(--trz-formato-control-h) - 2px) !important;
  font-weight: 750 !important;
  vertical-align: middle !important;
}

#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) textarea {
  min-height: 86px !important;
  border-radius: var(--trz-formato-radius-control) !important;
  padding: 8px 9px !important;
  font-size: var(--trz-formato-font-control) !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}

#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) label,
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) .label,
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) .field-label {
  font-size: 10.5px !important;
  line-height: 12px !important;
  font-weight: 850 !important;
}

#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) .toolbar,
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) .tools,
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) .filters,
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) .actions,
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) .actions-bar,
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) .module-actions,
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) [class*="toolbar"],
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) [class*="filters"] {
  gap: var(--trz-formato-gap) !important;
  align-items: center !important;
}

#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) .field,
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) .form-field,
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) .control-field {
  gap: 4px !important;
}

#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) .card,
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) .panel,
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) .box,
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) [class*="-card"],
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) [class*="-panel"] {
  border-radius: var(--trz-formato-radius-panel) !important;
}

#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) table th {
  font-size: 10.5px !important;
  line-height: 14px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) table td {
  font-size: 11.5px !important;
  line-height: 15px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) table button:not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out),
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) table .btn {
  height: var(--trz-formato-control-small-h) !important;
  min-height: var(--trz-formato-control-small-h) !important;
  max-height: var(--trz-formato-control-small-h) !important;
  border-radius: var(--trz-formato-radius-control) !important;
  padding-left: 9px !important;
  padding-right: 9px !important;
  font-size: var(--trz-formato-font-small) !important;
  line-height: calc(var(--trz-formato-control-small-h) - 2px) !important;
}

#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) .badge,
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) .chip,
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) .pill,
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) [class*="badge"],
#viewContainer > *:not(#dashboardOperativo):not(:has(#dashboardOperativo)):not(:has(#dispatchRootShell)):not(:has(#dispatchMap)):not(:has(#certModuloRoot)):not(:has(#mapaOperativoFecha)) [class*="chip"] {
  min-height: 22px !important;
  border-radius: 999px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  font-size: 10px !important;
  line-height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.leaflet-container,
.leaflet-container *,
.leaflet-control,
.leaflet-control *,
#dashboardOperativo,
#dashboardOperativo *,
#dispatchRootShell,
#dispatchRootShell *,
#certModuloRoot,
#certModuloRoot *,
#mapaOperativoMap,
#mapaOperativoMap * {
  box-sizing: initial;
}