/* =====================================================================
   IDAROH ISLAHUNA — tema
   Rumpun toska, meneruskan warna yang dipakai e-learning.
   ===================================================================== */

:root {
    --isl-950: #04342C;
    --isl-900: #064136;
    --isl-800: #085041;
    --isl-700: #0F6E56;
    --isl-600: #12836A;
    --isl-500: #1D9E75;
    --isl-300: #5DCAA5;
    --isl-200: #9FE1CB;
    --isl-100: #C9EDDF;
    --isl-050: #E1F5EE;
}

body { font-size: 14px; }

/* ------------------------------------------------------------ bilah atas */
.navbar-idaroh {
    background-color: var(--isl-700);
    border-bottom: none;
}
.navbar-idaroh .nav-link,
.navbar-idaroh .nav-link:hover { color: #fff; }

.pemilih-lembaga {
    background: rgba(255, 255, 255, .12);
    border-radius: 8px;
    padding: 5px 12px !important;
    margin-right: 10px;
    font-size: 13.5px;
}
.pemilih-lembaga:hover { background: rgba(255, 255, 255, .2); }

.dropdown-item.aktif { background: var(--isl-050); font-weight: 500; }
.lencana-kode {
    display: inline-block;
    min-width: 34px;
    text-align: center;
    background: var(--isl-100);
    color: var(--isl-900);
    border-radius: 5px;
    font-size: 11px;
    font-weight: 500;
    padding: 1px 5px;
    margin-right: 8px;
}

/* --------------------------------------------------------- menu samping */
.sidebar-idaroh { background-color: var(--isl-950); }
.sidebar-idaroh .brand-link {
    background: var(--isl-900);
    border-bottom: none;
    color: #fff;
}
.sidebar-idaroh .brand-text { font-size: 16px; font-weight: 500; }
.sidebar-idaroh .nav-header {
    color: var(--isl-300);
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding-top: 14px;
}
.sidebar-idaroh .nav-sidebar .nav-link { color: #CFE7DA; font-size: 13.5px; }
.sidebar-idaroh .nav-sidebar .nav-link:hover { background: var(--isl-800); color: #fff; }
.sidebar-idaroh .nav-sidebar .nav-link.active {
    background: var(--isl-600);
    color: #fff;
    box-shadow: none;
}

/* Penanda tab yang belum digarap */
.titik-nanti {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--isl-500);
    opacity: .6;
    margin-left: 6px;
    vertical-align: middle;
}

/* -------------------------------------------------------------- kartu */
.content-wrapper { background: #F2F6F4; }
.card { border-radius: 10px; border: 0.5px solid var(--isl-100); }
.card-idaroh > .card-header {
    background: var(--isl-700);
    color: #fff;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
}
.card-idaroh > .card-header .card-title { font-size: 15px; font-weight: 500; }

.btn-idaroh {
    background: var(--isl-700);
    border-color: var(--isl-700);
    color: #fff;
}
.btn-idaroh:hover { background: var(--isl-900); border-color: var(--isl-900); color: #fff; }

table.table th { font-weight: 500; }
.text-idaroh { color: var(--isl-700); }

/* ------------------------------------------------------------- halaman
   singgah untuk tab yang belum digarap */
.singgah {
    text-align: center;
    padding: 56px 20px;
}
.singgah i {
    font-size: 42px;
    color: var(--isl-200);
    margin-bottom: 14px;
}
.singgah h4 { font-size: 19px; font-weight: 500; color: var(--isl-900); }
.singgah p { color: #6B8079; max-width: 520px; margin: 8px auto 0; }