:root {
    --bs-primary: #010041;
    --bs-primary-rgb: 1, 0, 65;
  --ink:#0b1220;
  --muted:#5b6577;
  --bg:#f6f8fb;
  --card:#fff;
  --primary:#67aaa2;
  --border:rgba(11,18,32,.10);
  --radius:18px;
  --bs-btn-color: #fff;
  --bs-btn-bg: #67aaa2;
  --bs-btn-border-color: #67aaa2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #67aaa2;
  --bs-btn-disabled-border-color: #67aaa2;

  /* default style values for the certificate */
  --accent:#2563eb;
  --font:"Georgia", serif;
  --titleSize:42px;
  --nameSize:54px;
  --bodySize:16px;
}

/*nav.bg-primary{
  background: #010041;
  background: linear-gradient(111deg,rgba(255, 255, 255, 1) 19%, rgba(1, 0, 65, 1) 70%, rgba(1, 0, 65, 1) 100%);
}*/

body{
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}


.pointer{
  cursor:pointer;
}

.nounderline{
  text-decoration: none;
}

.white{
  color:#fff;
}

.btn-primary {
	background: var(--bs-primary);
	border-color: var(--bs-primary);
}

.btn_cu_i{
	border: 0;
    background: transparent;
}

.btn_cu_i i{
	font-size: 1rem;
}

.narrow_container{
  max-width: 980px;
}


.dz-section-title {
    font-weight: 900;
    letter-spacing: -.4px;
    font-size: 2.5rem;
}

.dz-card{
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: 0 10px 25px rgba(11,18,32,.08);
}

.dz-hero {
    background: linear-gradient(135deg, rgba(37, 99, 235, .09), rgba(245, 158, 11, .08));
    border-radius: 10px;
    box-shadow: var(--dz-shadow);
    border: 1px solid rgba(37, 99, 235, .18);
    min-height: calc(100vh - 280px);
}

.dz-card.dz-hero{
  padding:1rem;
  margin-top:1rem;
  margin-bottom:1rem;
}

.dz-hero-tab{
  background: linear-gradient(135deg, rgba(37, 99, 235, .09), rgba(245, 158, 11, .08));
  box-shadow: var(--dz-shadow);
  min-height: calc(100vh - 280px);
}

.nav-tabs .nav-link.active{
  background: #eaf1fd;
  border-bottom:1px solid #eaf1fd;
}

.badge{
  white-space: normal!important;
}

.dz-pill{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.35rem .7rem;
  border-radius: 999px;
  border:1px solid rgba(37,99,235,.20);
  background: rgba(37,99,235,.07);
  color: var(--dz-primary-2);
  font-weight: 600;
  font-size:.9rem;
}

.dz-badge{
  border:1px solid rgba(11,18,32,.10);
  background: rgba(11,18,32,.03);
  color: var(--dz-ink);
  border-radius: 999px;
  padding:.25rem .6rem;
  font-size:.85rem;
}

.dz-muted{ color: var(--dz-muted); }

.dz-section-title{
  font-weight: 900;
  letter-spacing: -.4px;
}

.dz-kpi{
  border-radius: 16px;
  border: 1px solid var(--dz-border);
  background: rgba(255,255,255,.65);
  backdrop-filter: blur(8px);
}

.dz-icon{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(37,99,235,.10);
  border:1px solid rgba(37,99,235,.18);
  font-size: 20px;
}

.dz-divider{
  height:1px;
  background: var(--dz-border);
}

.dz-footer a{ color: var(--dz-muted); text-decoration: none; }
.dz-footer a:hover{ color: var(--dz-ink); text-decoration: underline; }

.sticky-cta{
  position: sticky;
  bottom: 0;
  z-index: 50;
  background: rgba(246,248,251,.85);
  backdrop-filter: blur(10px);
  border-top: 1px solid var(--dz-border);
}

tbody, td, tfoot, th, thead, tr {
	border-color: #ccc;
    border-style: solid;
    border-width: 1;
    padding: 10px;
}

.hero-soft {
    background: linear-gradient(180deg, rgba(13,110,253,.12), rgba(13,110,253,0));
}
.content-prose p { line-height: 1.8; }
.content-prose table { width: 100%; }
.sticky-cta { top: 1rem; }

footer *{
	color:#fff;
  font-weight: 100;
}

nav.navbar a{
  color:#eee!important;
  font-weight: 300;
  text-decoration:none;
}

a.dz-card{
  color:#000;
  text-decoration: none;
}

a.dz-card:hover{
  color:#000;
  text-decoration: none;
  background: #eaf1fd;
}

.user_navigation_toggler{
    width: 100%;
    left: 0;
    text-align: center;
}

.disabled_row td *,
.disabled_row th *,
.disabled_row th ,
.disabled_row td{
  color:#b9b9b9!important;
}

.admin_table thead th{
  background: #ccc;
}

.admin_table thead{
  position: sticky;
  top:-1;
}