:root {
  --bg-primary: #f5f7fa;
  --bg-content: #ffffff;
  --primary: #0b1832;
  --text-color: #000000;
  --text-nav-color: #ffffff;
  --text-nav-color-hover: #f2a60d;
  --bg-sidebar-menu-hover: #1c2f54;

  --color-primary: #1a305b;
  --color-primary-hover: #2f5597;
  --color-primary-disabled: #8a96ad;

  --color-secondary: #6c757d;
  --color-secondary-hover: #5a6268;
  --color-secondary-disabled: #c3c7cb;

  --color-info: #0dcaf0;
  --color-info-hover: #31d2f2;
  --color-info-disabled: #9eeaf9;

  --color-success: #198754;
  --color-success-hover: #157347;
  --color-success-disabled: #a3cfbb;

  --color-danger: #dc3545;
  --color-danger-hover: #bb2d3b;
  --color-danger-disabled: #f1aeb5;

  --color-warning: #ffc107;
  --color-warning-hover: #ffca2c;
  --color-warning-disabled: #ffe69c;

  --border-color: #dadada;
  --invalid-border: rgb(222, 0, 56);
  --invalid-color: rgb(222, 0, 56);
  --font-color-active: #000000;
  --border-color-active: #f2a60d;
  --holder-color: #bbbbbb;
}

.sembunyi {
  display: none;
}

.btn-kebawah {
  margin-top: 32px;
}

.btn-green-table {
  color: #198754;
}

.btn-yellow-table {
  color: #f2a60d;
}

.btn-red-table {
  color: #dc3545;
}

.btn-green-table:hover {
  color: #157347;
}

.btn-yellow-table:hover {
  color: #d18f0b;
}

.btn-red-table:hover {
  color: #bb2d3b;
}

.btn-blue-table {
  color: #1a305b;
}

.btn-blue-table:hover {
  color: #142647;
}

.btn-green-table,
.btn-yellow-table,
.btn-red-table,
.btn-blue-table {
  transition: all 0.2s ease;
  font-size: 2rem !important;
}

.btn-green-table:hover,
.btn-yellow-table:hover,
.btn-red-table:hover,
.btn-blue-table:hover {
  transform: scale(1.1);
}

.btn-green-table i,
.btn-yellow-table i,
.btn-red-table i,
.btn-blue-table i {
  font-size: 1.5rem !important;
}

.badge-status-ajaran {
  border-radius: 20px;
  padding: 0px 20px;
  white-space: normal;
  word-break: break-word;
  display: inline-block;
}

.badge-status-ajaran.aktif {
  color: #22a34a;
  background-color: #d3f3df;
}

.badge-status-ajaran.nonaktif {
  color: #757575;
  background-color: #d9d9d9;
}

.btn-tambah-table-dalam-v2 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #000;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.3s ease;
  text-decoration: none;
}

.btn-tambah-table-dalam-v2:hover {
  background-color: #333;
  color: #fff;
}

.btn-tambah-table-dalam-v2 i {
  font-size: 1.3rem;
  font-weight: 700;
}

.badge-status-ujian {
  border-radius: 20px;
  padding: 0px 20px;
  font-weight: 500;
  font-size: 0.9rem;
}

.badge-status-ujian.hijau {
  color: #22a34a;
  background-color: #d3f3df;
}

.badge-status-ujian.kuning {
  color: #f59f0a;
  background-color: #fdecce;
}

.badge-status-ujian.biru {
  color: #1d4ed8;
  background-color: #dbeafe;
}

.badge-kategori-ujian {
  border-radius: 20px;
  padding: 0px 20px;
  font-weight: 500;
  font-size: 1.2rem;
  border: 1px solid transparent;
}

.badge-kategori-ujian.hijau {
  color: #22a34a;
  background-color: #d3f3df;
  border-color: #22a34a;
}

.badge-kategori-ujian.kuning {
  color: #f59f0a;
  background-color: #fdecce;
  border-color: #f59f0a;
}

.badge-kategori-ujian.abu {
  color: #757575;
  background-color: #d9d9d9;
  border-color: #757575;
}

.btn-ujian {
  width: 100%;
  background-color: red;
}

.text-red {
  color: red;
  font-weight: 600;
}

.text-green {
  color: green;
  font-weight: 600;
}