.auth-overlay,
body.dark .auth-overlay {
  background-image: linear-gradient(
    -225deg,
    #231557 0%,
    #102c7a 29%,
    rgb(19 135 255 / 75%) 100%
  );
}

.text-bold {
  font-weight: bold !important;
}

.m-top-12 {
  margin-top: 12px !important;
}

body.dark
  #sidebar
  ul.menu-categories
  ul.submenu
  > li
  ul.sub-submenu
  > li
  a.active {
  color: #009688 !important;
}

body #sidebar ul.menu-categories ul.submenu > li ul.sub-submenu > li a.active {
  color: #4361ee !important;
}

body.dark td.contenteditable,
td.contenteditable {
  background: #fff5c4 !important;
}

.remove-search {
  background: none;
  background-color: #f9f9f9 !important;
  border: none;
  box-shadow: none;
}

.text-grade {
  font-size: 20px;
  font-weight: bold !important;
  color: #007c89 !important;
}

.table.table-grade {
  border: 2px groove;
}

body.layout-boxed table.table.table-grade {
  background: #a198982e !important;
}

body.layout-boxed.dark table.table.table-grade {
  background: #0000002e !important;
}

.pointer {
  cursor: pointer;
}

body.dark .header-container {
  background-color: #060818 !important;
}

.text-grade.passed {
  font-size: 26px;
  color: #06a127 !important;
}

.text-grade.failed {
  font-size: 26px;
  color: #a10606 !important;
}

.text-grade.na {
  font-size: 26px;
  color: #a7a4a4 !important;
}

body.layout-boxed.dark .text-grade.passed {
  font-size: 26px;
}

body.layout-boxed.dark .text-grade.failed {
  font-size: 26px;
}

body.layout-boxed.dark .text-grade.na {
  font-size: 26px;
}

.text-grade.small-failed {
  color: #e7515a !important;
}

.widget.widget-card-five .account-box .info-box .balance-info p {
  font-size: 18px;
}

body.dark .widget.widget-card-five .account-box .info-box .balance-info p {
  font-size: 18px;
}

.mysubject-icon-badge {
  position: absolute;
  top: -12px;
  left: -20px;
  background-color: #ff5252; /* Red color for the badge */
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 0 0 5px 0; /* Rounded bottom-right corner */
  z-index: 10;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}

.text-higlight {
  font-weight: bold;
  color: #6060ef;
}

.card {
  background-color: #fcf8f8f5 !important;
  border: 1px solid #e0e6ed !important;
  box-shadow: 0 0 40px 0 rgb(24 24 111 / 44%) !important;
}

.card .card-body {
  padding: 24px 20px !important;
}

.auth-container {
  position: relative;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}