
html, body { height: 100%; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }


.colored-toast.swal2-icon-success {
  background-color: #a5dc86 !important;
}

.colored-toast.swal2-icon-error {
  background-color: #f27474 !important;
}

.colored-toast.swal2-icon-warning {
  background-color: #f8bb86 !important;
}

.colored-toast.swal2-icon-info {
  background-color: #3fc3ee !important;
}

.colored-toast.swal2-icon-question {
  background-color: #87adbd !important;
}

.colored-toast .swal2-title {
  color: white;
}

.colored-toast .swal2-close {
  color: white;
}

.colored-toast .swal2-html-container {
  color: white;
}

.cdk-global-overlay-wrapper, .cdk-overlay-container { z-index: 9999!important; } 

.header-component{
  padding: 10px 20px 8px 20px; 
  background-color: white;
}
.sub-header-component{
  padding-top: 5px; 
  padding-right: 10px; 
  display: inline;
}

.content {
  background-color: white;
  border-top: 1px solid grey;
  padding: 20px 20px 20px 20px;
}
#filtroSpan {
  padding: 9px 15px 9px 15px;
  background-color: rgba(0, 0, 0, 0.05);
}

#botonFiltro {
  border: none;
  padding-left: 10px;
  padding-right: 10px;
}

#botonEliminarFiltros {
  background-color: white; border: none
}

#botonAgregar {
  margin-left: 10px;
  border: none;
  background-color: white;
}
mat-form-field {
  width: 100%;
} 

#backgroundStyle {
  background-color: white;
  border-top: 1px solid grey;
  padding: 10px 20px 20px 20px;
}

