body {
  background: #ffffff;
}

hr {
  border: none;
  color: #f1f1f1;
  height: 1px;
  background-color: #d7d7d7;
}


h1 {
  font-size: 18px !important;
}


mat-card-title {
  background: #f3f2f2;
  background: #e9e9e9;
  color: black;
  padding:5px 10px !important;
  font-size: 16px !important;
  border-bottom: solid 1px #d7d7d7;
}


mat-card-title.invertBackground {
  background: #ffffff !important;
  padding:5px 10px !important;
  font-size: 16px !important;
}


.mat-card{
  padding:0 !important;
  box-shadow: none !important;
  border: solid 1px #e2e1e1;
}

.mat-card.invertBackground {
  background: #f5f5f5 !important;
}


.mat-card-content{
  padding: 0px 10px 20px 10px !important;
}


.mat-flat-button {
  background: #f5f5f5 !important;
  color: #7318ec !important;
  border: solid 1px #e2e2e2 !important;
}


.mat-button-disabled {
  color: #a2a2a4 !important;
}


.mat-button-disabled::before {
  content: "\1F6C7";
  margin-right: 3px;
}

.mat-raised-button {
  background: #7318ec !important;
  color: white!important;
}