body{
    background: #f5f5f5;
    font-family: 'Roboto', sans-serif;
}

.wite{
  background: #fff;
}

.body > div > div > div.mdl-layout__drawer.is-visible > nav > form > button{
  margin: auto;
}

/* .text-center{
  text-align: center;
} */

.tqheading{
  text-align: center;
}

.tqtext{
  color: #000;
}


/* wide card */
.quiz-card.mdl-card {
    width: 700px;
    margin: 20px;
  }
.quiz-card > .mdl-card__title {
    color: #000;
    height: auto;
}
.quiz-card > .mdl-card__supporting-text {
  color: #000;
  height: auto;
}


/* learn card */
.learn-card.mdl-card {
  width: 300px;
  margin: 20px;
}
.learn-card > .mdl-card__title {
  color: #000;
  height: auto;
}





 /* Class card  */
.class-card.mdl-card {
  width: 256px;
  /* height: 80px; */
  min-height: 150px;
}
.class-card > .mdl-card__actions {
  border-color: rgba(255, 255, 255, 0.2);
}
.class-card > .mdl-card__title {
  align-items: flex-start;
}
.class-card > .mdl-card__title > h4 {
  margin-top: 0;
}
.class-card > .mdl-card__actions {
  display: flex;
  box-sizing:border-box;
  align-items: center;
}
.class-card > .mdl-card__actions > .material-icons {
  padding-right: 10px;
}
.class-card > .mdl-card__title,
.class-card > .mdl-card__actions,
.class-card > .mdl-card__actions > .mdl-button {
  color: #fff;
}


.tq-list-action {
  width: 300px;
}