.learnerDetailsView .view-container {
  /*display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
        align-content: stretch;*/ }
  .learnerDetailsView .view-container > md-card:first-child {
    /*min-width: 450px;
            flex-grow: 3;*/ }
    .learnerDetailsView .view-container > md-card:first-child canvas {
      max-width: 100%;
      min-width: 100%;
      max-height: 150px;
      min-height: 150px; }
  .learnerDetailsView .view-container .practiceTable {
    width: 100%;
    /*border: gray solid 1px;
            border-radius: 8px;*/
    text-align: center;
    border-collapse: collapse; }
    .learnerDetailsView .view-container .practiceTable thead > tr {
      height: 30px;
      background: gray;
      border: none;
      color: white; }
    .learnerDetailsView .view-container .practiceTable tbody > tr:nth-child(2n+1) {
      background: #e2e2e2;
      border: none; }
      .learnerDetailsView .view-container .practiceTable tbody > tr:nth-child(2n+1) .surcharge {
        display: inline-block;
        background: red;
        border-radius: 10px;
        height: 20px;
        padding: 5px;
        font-size: 10px;
        line-height: 20px;
        color: yellow; }
      .learnerDetailsView .view-container .practiceTable tbody > tr:nth-child(2n+1) > td {
        border: none;
        padding: 0;
        margin: 0; }
        .learnerDetailsView .view-container .practiceTable tbody > tr:nth-child(2n+1) > td .future {
          font-weight: bold; }
      .learnerDetailsView .view-container .practiceTable tbody > tr:nth-child(2n+1) > td:first-child {
        width: 50px; }
  .learnerDetailsView .view-container > md-card:last-child {
    background: #e5e5e5 !important; }
    .learnerDetailsView .view-container > md-card:last-child > div:first-child {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      align-content: space-between;
      align-items: baseline;
      justify-content: center; }
    .learnerDetailsView .view-container > md-card:last-child div.chart {
      display: flex;
      flex-direction: column;
      align-content: center;
      justify-content: center;
      align-items: center;
      min-width: 200px;
      max-width: 200px;
      margin: 5px; }
      .learnerDetailsView .view-container > md-card:last-child div.chart span {
        margin: 5px; }
      .learnerDetailsView .view-container > md-card:last-child div.chart canvas {
        max-width: 150px;
        min-width: 150px;
        max-height: 150px;
        min-height: 150px; }

/*# sourceMappingURL=LearnerDetails.css.map */