/* CBT mobile finishing */
body.cbt-mobile-clean {
  background: #f6f7fb;
  color: #111827;
}

body.cbt-mobile-clean .page-content-wrapper,
body.cbt-mobile-clean .page-content {
  background: #f6f7fb;
}

body.cbt-mobile-clean .card,
body.cbt-mobile-clean .card-style,
body.cbt-mobile-clean .cbt-mobile-simple-card,
body.cbt-mobile-clean .cbt-student-profile-card {
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .045);
  overflow: hidden;
}

body.cbt-mobile-clean .card .card-body {
  padding: 16px;
}

body.cbt-mobile-clean .btn,
body.cbt-mobile-clean button,
body.cbt-mobile-clean .form-control,
body.cbt-mobile-clean .form-select,
body.cbt-mobile-clean select,
body.cbt-mobile-clean textarea,
body.cbt-mobile-clean input {
  border-radius: 13px !important;
  box-shadow: none !important;
}

body.cbt-mobile-clean .btn {
  font-weight: 750;
  min-height: 38px;
}

body.cbt-mobile-clean .form-control,
body.cbt-mobile-clean .form-select,
body.cbt-mobile-clean select,
body.cbt-mobile-clean input {
  border-color: #d1d5db;
  min-height: 42px;
}

body.cbt-mobile-clean .form-control:focus,
body.cbt-mobile-clean .form-select:focus,
body.cbt-mobile-clean input:focus,
body.cbt-mobile-clean textarea:focus,
body.cbt-mobile-clean select:focus {
  border-color: rgba(15, 81, 63, .55) !important;
  box-shadow: 0 0 0 4px rgba(15, 81, 63, .08) !important;
}

body.cbt-mobile-clean .cbt-mobile-section-title,
body.cbt-mobile-clean .section-heading h6,
body.cbt-mobile-clean h5,
body.cbt-mobile-clean h6 {
  color: #111827;
  font-weight: 850;
  letter-spacing: -.02em;
}

body.cbt-mobile-clean .cbt-mobile-section-title {
  margin: 2px 0 10px;
  font-size: 14px;
}

body.cbt-mobile-clean .table-responsive {
  border-radius: 15px;
  border: 1px solid #e5e7eb;
  background: #fff;
}

body.cbt-mobile-clean table.table,
body.cbt-mobile-clean .table {
  margin-bottom: 0;
  color: #1f2937;
}

body.cbt-mobile-clean table.table thead th,
body.cbt-mobile-clean .table thead th {
  background: #f9fafb;
  border-bottom-color: #e5e7eb;
  color: #374151;
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}

body.cbt-mobile-clean table.table tbody td,
body.cbt-mobile-clean .table tbody td {
  border-bottom-color: #edf0f4;
  vertical-align: middle;
}

body.cbt-mobile-clean .modal-content {
  border: 0;
  border-radius: 20px;
  box-shadow: 0 22px 60px rgba(15, 23, 42, .2);
}

body.cbt-mobile-clean .modal-header,
body.cbt-mobile-clean .modal-footer {
  border-color: #e5e7eb;
}

body.cbt-mobile-clean .toast,
body.cbt-mobile-clean .alert {
  border-radius: 16px;
  box-shadow: none;
}

body.cbt-mobile-clean .footer-nav-area,
body.cbt-mobile-clean .footer-nav {
  border-top: 1px solid #e5e7eb;
  box-shadow: 0 -12px 28px rgba(15, 23, 42, .06);
}

body.cbt-mobile-clean .header-area,
body.cbt-mobile-clean .header-content,
body.cbt-mobile-clean .cbt-mobile-header {
  border-bottom-color: #e5e7eb;
}

body.cbt-mobile-clean .exam-page,
body.cbt-mobile-clean .cbt-exam-page {
  padding-bottom: 88px;
}

body.cbt-mobile-clean .cbt-question-nav,
body.cbt-mobile-clean .question-nav,
body.cbt-mobile-clean .nomor-soal {
  gap: 6px;
}

body.cbt-mobile-clean .swal2-popup {
  border-radius: 20px !important;
}

@media (max-width: 420px) {
  body.cbt-mobile-clean .container {
    padding-left: 13px;
    padding-right: 13px;
  }

  body.cbt-mobile-clean .card .card-body {
    padding: 14px;
  }

  body.cbt-mobile-clean .btn {
    min-height: 40px;
  }
}