body {
  color: #333333 !important;
  background: #fff;
}
.student-grade-table {
  table-layout: fixed;
  word-break: break-all;
}
.student-grade-table > tbody > tr > td {
  vertical-align: middle;
}
.student-grade-table tbody tr td .subGradeProcess:not(:last-child) {
  margin-right: 8px;
}
.semester {
  width: auto;
  font-weight: 400;
  padding: 7px 0px 0px 0px;
}

.semesterName {
  border-left: 4px solid #3686DE;
  border-left: 4px solid var(--brand-primary);
  padding-left: 10px;
}
.student-grade-table thead tr td, .process-fixed-table thead tr td {
  padding-left: 14px;
  background: rgba(51,51,51, 0.04);
  color: #999999;
  vertical-align: middle;
}
.student-grade-table tbody tr td, .process-table tbody tr td {
  padding: 14px;
  vertical-align: middle;
}
.process-table tbody tr td, .process-fixed-table thead tr td {
  padding: 8px;
}
.student-grade-table tbody tr:last-child td, .process-table tbody tr:last-child td {
  border-bottom: 1px solid #ddd;
}
.process-table thead, .process-table thead tr td {
  display: none;
  height: 0px;
}
.process-fixed-table thead tr td:nth-child(1), .process-fixed-table thead tr td:nth-child(2),
.process-table thead tr td:nth-child(1), .process-table thead tr td:nth-child(2),
.process-table tbody tr td:nth-child(1), .process-table tbody tr td:nth-child(2) {
  width: 17% !important;
}

.student-grade-table tbody tr .course-name {
  margin-bottom: 5px;
  font-size: 16px;
}
.student-grade-table tbody tr .course-code {
  margin-bottom: 5px;
  color: #999999;
}
.student-grade-table tbody tr .lesson-code {
  color: #999999;
}

.processInfo{
  color: #3686DE;
  color: var(--brand-primary);
  cursor: pointer;
}
#processModal .modal-dialog {
  width: 70%;
  height: 100%;
}
.modal.right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.modal.right.fade.in .modal-dialog {
  right: 0;
}
#processModal .modal-content {
  height: 100%;
}
#processModal .modal-title {
  font-weight: bold;
}
#processModal .close {
  font-size: 28px;
  margin-top: 2px;
  color: rgba(51,51,51,1);
  opacity: 1;
}
#processModal .modal-body {
  padding: 30px;
  height: calc(100% - 80px);
}
#processModal .process-table, #processModal .process-fixed-table {
  table-layout: fixed;
  word-break: break-all;
}
#processModal .process-table-wrapper {
  height: 100%;
}
#processModal .process-table .red {
  color: #FF696A;
}
.red {
  color: #FF696A;
}


*::-webkit-scrollbar {
  /*滚动条整体样式*/
  width:5px;
  height:2px;
}
*::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background-color: rgba(0, 0, 0, 0.2);
  border-radius:5px;
}
*::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  background-color: unset;
  border-radius:5px;
}