.materialert{
}
.materialert .material-icons{
}
.materialert .close-alert{
}
.materialert.info{
    background-color: #039be5;
    color: #fff;
}
.materialert.success{
    background-color: #43a047;
    color: #fff;
}
.materialert.error{
    background-color: #c62828;
    color: #fff;
}
.materialert.danger{
    background-color: #c62828;
    color: #fff;
}
.materialert.warning{
    background-color: #fbc02d;
    color: #000;
}

.input-field div.error{
  position: relative;
  top: -0.5rem;
  left: 0rem;
  font-size: 0.8rem;
  color:#FF4081;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}

.redstar {
  color: red;
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}

.row-in-edit {
  background-color: lightcyan;
}

ul.collection > .active {
  background-color: lightcyan !important;
}

.smallchip {
  border-radius:8px;
  background-color: #dddddd;
  padding:4px; 
  font-size: 8pt;
  margin-right: 2px;
  display: inline-block;
}

.smallchip-mealtype {
  background-color: #E3F2FD;
}
.smallchip-tag {
  background-color: lavenderblush;
}

.small-icon {
  font-size: 14pt;
}

.formsectiontitle {
  font-size: larger;
  color: firebrick
}