/* KODE DESAIN TERPADU M-SPP V1.0 (BEBAS BLOKIR HOSTING SEKOLAH) */
:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;}
*,::after,::before{box-sizing:border-box;}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;}
.bg-light{background-color:#f8f9fa!important;}.bg-dark{background-color:#212529!important;}.bg-primary{background-color:#0d6efd!important;}.bg-secondary{background-color:#6c757d!important;}.bg-success{background-color:#198754!important;}
.container,.container-fluid{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto;}
@media (min-width:576px){.container{max-width:540px;}}@media (min-width:768px){.container{max-width:720px;}}@media (min-width:992px){.container{max-width:960px;}}@media (min-width:1200px){.container{max-width:1140px;}}
.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem;}
.navbar>.container-fluid{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between;}
.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap;font-weight:700;}
.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none;}
.nav-link{display:block;padding:.5rem 1rem;text-decoration:none;transition:color .15s ease-in-out;}
.navbar-text{padding-top:.5rem;padding-bottom:.5rem;}
@media (min-width:992px){
    .navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start;}
    .navbar-expand-lg .navbar-nav{flex-direction:row;}
    .navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto;}
    .navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem;}
}
.navbar-dark .navbar-brand{color:#fff;}
.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.75);}
.navbar-dark .navbar-nav .nav-link:hover{color:#fff;}
.navbar-dark .navbar-text{color:rgba(255,255,255,.75);}
.text-white{color:#fff!important;}.text-success{color:#198754!important;}.text-warning{color:#ffc107!important;}.text-danger{color:#dc3545!important;}.text-primary{color:#0d6efd!important;}.text-dark{color:#212529!important;}.text-muted{color:#6c757d!important;}
.row{display:flex;flex-wrap:wrap;margin-top:0;margin-right:-.75rem;margin-left:-.75rem;}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:.75rem;padding-left:.75rem;}
@media (min-width:768px){.col-md-4{flex:0 0 auto;width:33.333333%;}.col-md-5{flex:0 0 auto;width:41.666667%;}.col-md-6{flex:0 0 auto;width:50%;}.col-md-7{flex:0 0 auto;width:58.333333%;}.col-md-8{flex:0 0 auto;width:66.666667%;}}
.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;border:1px solid rgba(0,0,0,.125);border-radius:.35rem;}
.card-body{flex:1 1 auto;padding:1.25rem;}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125);}
.card-header:first-child{border-radius:calc(.35rem - 1px) calc(.35rem - 1px) 0 0;}
.form-label{margin-bottom:.5rem;display:inline-block;}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;}
.form-control-lg{min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem;}
.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s,background-color .15s,border-color .15s;}
.btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem;}.btn-lg{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem;}.btn-success{color:#fff;background-color:#198754;border-color:#198754;}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545;}.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd;}
.table{width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6;border-collapse:collapse;}
.table th,.table td{padding:.75rem;border-bottom:1px solid #dee2e6;}.table-dark{color:#fff;background-color:#212529;border-color:#373b3e;}
.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(0,0,0,.04);}.align-middle{vertical-align:middle!important;}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;}.bg-secondary{background-color:#6c757d!important;}
.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;}.fw-bold{font-weight:700!important;}.small{font-size:.875em;}
.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem;}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb;}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb;}
.mt-2{margin-top:.5rem!important;}.mt-3{margin-top:1rem!important;}.mb-3{margin-bottom:1rem!important;}.mb-4{margin-bottom:1.5rem!important;}.g-2{--bs-gutter-x:.5rem;}
.p-4{padding:1.5rem!important;}.p-3{padding:1rem!important;}.p-0{padding:0!important;}.text-center{text-align:center!important;}.text-end{text-align:right!important;}
.ms-auto{margin-left:auto!important;}.me-auto{margin-right:auto!important;}.me-2{margin-right:.5rem!important;}.me-3{margin-right:1rem!important;}
.rounded{border-radius:.25rem!important;}.rounded-3{border-radius:.37rem!important;}.px-3{padding-right:1rem!important;padding-left:1rem!important;}.py-3{padding-top:1rem!important;padding-bottom:1rem!important;}