.exams-page {
  margin-top: -30px; }
  .exams-page h1, .exams-page h2 {
    margin: 0; }
  .exams-page h1 {
    font-size: 28px; }
  .exams-page h2 {
    font-size: 24px; }
  .exams-page .exams-filters {
    padding: 20px 0; }
    .exams-page .exams-filters > div {
      flex: 1;
      padding: 0 5px; }
      .exams-page .exams-filters > div select {
        padding: 5px;
        background: white;
        border: solid 1px lightgray;
        border-radius: 5px;
        width: 100%;
        font-size: 16px; }
  .exams-page .section-title {
    display: flex;
    align-items: center;
    margin: 30px 0 20px 0;
    font-size: 22px;
    font-weight: bold; }
    .exams-page .section-title img {
      width: 25px;
      height: 25px;
      margin-right: 15px; }
    .exams-page .section-title h2 {
      flex: 1; }
    .exams-page .section-title .webbtn {
      font-size: 14px;
      color: white;
      margin-left: 30px;
      font-weight: normal; }
  .exams-page .exams-list .empty-msg {
    margin: 30px; }
    .exams-page .exams-list .exam-column {
      padding: 20px; }
    .exams-page .exams-list .exam-card {
      width: 100%;
      border-radius: 5px;
      background: white;
      box-shadow: 0 0 6px rgba(0, 0, 0, .15);
      overflow: hidden; }
      .exams-page .exams-list .exam-card .card-top, .exams-page .exams-list .exam-card .card-bottom {
        padding: 15px; }
      .exams-page .exams-list .exam-card .card-top {
        background: whitesmoke;
        border-bottom: solid 1px #e0e0e0;
        min-height: 70px;
        font-weight: bold;
        position: relative;
        display: flex;
        cursor: pointer; }
        .exams-page .exams-list .exam-card .card-top img {
          width: 20px;
          height: 20px;
          transition: all 0.3s; }
        .exams-page .exams-list .exam-card .card-top:hover img {
          width: 25px;
          height: 25px; }
        .exams-page .exams-list .exam-card .card-top.failed {
          background: #f0c3c0; }
        .exams-page .exams-list .exam-card .card-top.passed {
          background: #f0dcc0; }
        .exams-page .exams-list .exam-card .card-top.good {
          background: #e1edc7; }
        .exams-page .exams-list .exam-card .card-top.perfect {
          background: #c8edc7; }
      .exams-page .exams-list .exam-card .card-bottom .prop {
        display: flex;
        align-items: center;
        font-size: 12px;
        margin-bottom: 10px; }
        .exams-page .exams-list .exam-card .card-bottom .prop img {
          width: 15px;
          height: 15px;
          margin-right: 10px; }
        .exams-page .exams-list .exam-card .card-bottom .category-bullet {
          font-size: 11px;
          color: white;
          font-weight: bold;
          background-color: #2e2e2e;
          border-radius: 20px;
          padding: 3px 10px;
          margin-right: 5px; }
  .exams-page .author-thumbnail {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50%; }