.monospaced{font-family:monospace}

.mat-mdc-cell,.mat-mdc-header-cell {
  padding-left: 5px;
  padding-right: 5px;

}

.mat-mdc-card,.mat-mdc-card-header,.mat-mdc-card-content{
  width:auto;
}

.flexForm {
  display: flex;
  flex-direction: column;
  width: auto;
}

/*
CSS classes to replace Angular flex-layout which is deprecated
https://github.com/angular/flex-layout/wiki/fxFlexFill-API
*/

.flexFill {
  margin: 0;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height:100%;
}

.spr-button-icon{
  font-size: 24px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}




