/* Lawaan MIS final white theme — loaded after every page's legacy styles. */
:root{
  --mis-bg:#fff;
  --mis-bg-2:#fff;
  --mis-sidebar:#fff;
  --mis-panel:#fff;
  --mis-panel-2:#fff;
  --mis-panel-3:#fff;
  --mis-line:#d7d7d7;
  --mis-line-soft:#e5e5e5;
  --mis-text:#000;
  --mis-muted:#333;
  --mis-primary:#000;
  --mis-primary-2:#000;
}

html,body,#wrap,.pagecontent,.content-wrapper,.content,
.navbar.navbar-default,.navbar-collapse,.sims-sidebar,
.card,.panel,.well,.jumbotron,.thumbnail,.modal-content,.popover,
.list-group,.list-group-item,.tab-content,.box,.breadcrumb,
.table-responsive,.sims-auto-table,table,.table,
.p4-dashboard,.p4-release,.p4-kpi,.p4-alert,.p4-panel,
.p4-panel>header,.p4-panel-body,.p4-table-wrap,.p4-activity,
.p4-quick-grid,.p4-quick-grid a,
[class*="dashboard-card"],[class*="stat-card"],[class*="info-card"],
[class*="module-card"],[class*="summary-card"],[class*="feature-card"],
[style*="background:#0"],[style*="background: #0"],
[style*="background-color:#0"],[style*="background-color: #0"]{
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  color:#000!important;
  border-color:#d7d7d7!important;
  text-shadow:none!important;
}

body{background:#fff!important}
.sims-sidebar{border-right:1px solid #d7d7d7!important}
.navbar.navbar-default{border-bottom:1px solid #d7d7d7!important}

body,body p,body span,body small,body em,body i,body strong,body b,
body h1,body h2,body h3,body h4,body h5,body h6,
body label,body .control-label,body .help-block,body .text-muted,
.navbar-default .navbar-brand,.navbar-default .navbar-nav>li>a,.navbar-text,
.sims-sidebar-title,.sims-sidebar-section,.sims-side-link,.sims-side-sub,
.page-header h1,.breadcrumb,.breadcrumb>.active,
.panel-title,.modal-title,.card-title,.panel-body,.card-body,
.p4-dashboard *,.p4-release *,.p4-kpi *,.p4-alert *,.p4-panel *,
.p4-quick-grid a,.p4-table th,.p4-table td{
  color:#000!important;
  text-shadow:none!important;
}

.sims-side-link:hover,.sims-side-link.active,
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.open>a,
.dropdown-menu>li>a:hover,.dropdown-menu>.active>a,
.list-group-item:hover,.table-hover>tbody>tr:hover>td,.table>tbody>tr:hover>td{
  background:#f2f2f2!important;
  color:#000!important;
}

.card-header,.panel-heading,.modal-header,.card-footer,.panel-footer,.modal-footer,
.table>thead>tr>th,table thead th,.table-striped>tbody>tr:nth-of-type(odd)>td,
.p4-panel>header,.p4-table thead th{
  background:#f5f5f5!important;
  color:#000!important;
  border-color:#d7d7d7!important;
}
.table>tbody>tr>td,.table>tfoot>tr>td,table tbody td,.p4-table td{
  background:#fff!important;
  color:#000!important;
  border-color:#dedede!important;
}

.form-control,select,textarea,input[type=text],input[type=password],input[type=email],
input[type=number],input[type=date],input[type=time],input[type=search],input[type=file],
.input-group-addon,select option{
  background:#fff!important;
  color:#000!important;
  border-color:#aaa!important;
}
.form-control::placeholder,input::placeholder,textarea::placeholder{color:#555!important}
.form-control:focus,select:focus,textarea:focus,input:focus{
  border-color:#000!important;
  box-shadow:0 0 0 2px rgba(0,0,0,.10)!important;
}

.btn,.btn-default,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger,
button,input[type=button],input[type=submit],input[type=reset],
.label,.badge,.pagination>li>a,.pagination>li>span,.pager li>a,.pager li>span{
  background:#fff!important;
  color:#000!important;
  border-color:#777!important;
  text-shadow:none!important;
}
.btn:hover,.btn:focus,button:hover,button:focus,
.pagination>.active>a,.pager li>a:hover{background:#eee!important;color:#000!important;border-color:#000!important}

/* Keep the primary login action unmistakable after the white-theme reset. */
.mis-login-page .btn-signin,
.mis-login-page button.btn-signin,
.mis-login-page input.btn-signin[type="submit"]{
  background:#2f7d53!important;
  color:#fff!important;
  border-color:#2f7d53!important;
  box-shadow:0 10px 24px rgba(47,125,83,.24)!important;
}
.mis-login-page .btn-signin:hover,
.mis-login-page .btn-signin:focus{
  background:#256744!important;
  color:#fff!important;
  border-color:#256744!important;
}

/* Class and enrollment workspace: clean white cards, black text, no navy states. */
.pagecontent .class-profile-overview,
.pagecontent .class-profile-enrolment,
.pagecontent .class-grade-card,
.pagecontent .class-profile-overview .panel-body,
.pagecontent .class-profile-overview .list-group,
.pagecontent .class-profile-overview .list-group-item,
.pagecontent .class-profile-enrolment .table-responsive,
.pagecontent .class-grade-card .list-group-item{
  background:#fff!important;
  color:#111!important;
  border-color:#cbd9cf!important;
}
.pagecontent .class-profile-overview,
.pagecontent .class-profile-enrolment,
.pagecontent .class-grade-card{
  border:1px solid #cbd9cf!important;
  border-radius:12px!important;
  box-shadow:0 8px 24px rgba(25,70,46,.08)!important;
  overflow:hidden;
}
.pagecontent .class-profile-overview .panel-heading,
.pagecontent .class-profile-enrolment .panel-heading,
.pagecontent .class-grade-card .panel-heading{
  background:#eef7f1!important;
  color:#111!important;
  border-color:#cbd9cf!important;
  min-height:58px;
  padding:14px 20px!important;
}
.pagecontent .class-profile-overview *,
.pagecontent .class-profile-enrolment *,
.pagecontent .class-grade-card *{
  color:#111!important;
  text-shadow:none!important;
}
.pagecontent .class-profile-overview a,
.pagecontent .class-profile-enrolment a,
.pagecontent .class-grade-card a{
  color:#174b32!important;
}
.pagecontent .class-profile-overview a:hover,
.pagecontent .class-profile-overview a:focus,
.pagecontent .class-profile-enrolment a:hover,
.pagecontent .class-profile-enrolment a:focus,
.pagecontent .class-grade-card a:hover,
.pagecontent .class-grade-card a:focus,
.pagecontent .class-grade-card .list-group-item:hover,
.pagecontent .class-grade-card .list-group-item:focus{
  background:#fff!important;
  color:#000!important;
  text-decoration:none!important;
}
.pagecontent .class-profile-overview .panel-body{
  padding:18px 22px!important;
  border-bottom:1px solid #d9e5dc!important;
}
.pagecontent .class-profile-overview .list-group>.row{
  margin:0!important;
  padding:20px 14px!important;
}
.pagecontent .class-profile-overview table,
.pagecontent .class-profile-enrolment table{
  background:#fff!important;
  color:#111!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.pagecontent .class-profile-overview table th,
.pagecontent .class-profile-enrolment table th{
  background:#e5f2e9!important;
  color:#111!important;
  font-weight:700!important;
  vertical-align:middle!important;
  padding:12px 10px!important;
  border-color:#c7d9cc!important;
}
.pagecontent .class-profile-overview table td,
.pagecontent .class-profile-enrolment table td{
  background:#fff!important;
  color:#111!important;
  vertical-align:middle!important;
  padding:12px 10px!important;
  border-color:#d5e1d8!important;
  line-height:1.5!important;
}
.pagecontent .class-profile-overview table tbody tr:nth-child(odd)>td,
.pagecontent .class-profile-enrolment table tbody tr:nth-child(odd)>td{
  background:#f7fbf8!important;
}
.pagecontent .class-profile-overview table tbody tr:hover>td,
.pagecontent .class-profile-enrolment table tbody tr:hover>td{
  background:#fff!important;
  color:#000!important;
}
.pagecontent .class-enrolment-table-wrap{
  width:100%;
  overflow-x:auto!important;
  border-radius:0 0 12px 12px;
}
.pagecontent .class-enrolment-table{
  min-width:1220px!important;
  width:100%!important;
  table-layout:auto!important;
  margin-bottom:0!important;
}
.pagecontent .class-enrolment-table td,
.pagecontent .class-enrolment-table th{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  font-size:13px!important;
}
.pagecontent .class-enrolment-table td:nth-child(2){min-width:120px}
.pagecontent .class-enrolment-table td:nth-child(3){min-width:250px;font-weight:600!important}
.pagecontent .class-enrolment-table td:nth-child(10){min-width:220px}
.pagecontent .class-grade-card .list-group-item{
  min-height:96px;
  padding:16px 18px!important;
  transition:none!important;
}
.pagecontent .class-grade-card .btn,
.pagecontent .class-profile-overview .btn,
.pagecontent .class-profile-enrolment .btn{
  background:#fff!important;
  color:#111!important;
  border:1px solid #80988a!important;
  border-radius:8px!important;
  font-weight:600!important;
}
.pagecontent .class-grade-card .btn:hover,
.pagecontent .class-grade-card .btn:focus,
.pagecontent .class-profile-overview .btn:hover,
.pagecontent .class-profile-overview .btn:focus,
.pagecontent .class-profile-enrolment .btn:hover,
.pagecontent .class-profile-enrolment .btn:focus{
  background:#fff!important;
  color:#000!important;
  border-color:#345f46!important;
}
@media (max-width:991px){
  .pagecontent .class-profile-overview .list-group>.row{padding:14px 6px!important}
  .pagecontent .class-profile-overview .col-md-4{margin-bottom:18px}
}

.dropdown-menu{background:#fff!important;border-color:#ccc!important}
.dropdown-menu>li>a,.dropdown-header{color:#000!important}
.dropdown-menu .divider{background:#ddd!important}
.alert,.alert-info,.alert-success,.alert-warning,.alert-danger{
  background:#fff!important;color:#000!important;border-color:#999!important;
}
.nav-tabs>li>a,.nav-pills>li>a{color:#000!important}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-pills>li.active>a{
  background:#fff!important;color:#000!important;border-color:#aaa!important;
}

.p4-kpi,.p4-alert{border-left:4px solid #777!important}
.p4-bar-row>div,.p4-util{background:#e2e2e2!important}
.p4-bar-row i,.p4-util i{background:#555!important}
.status-pass,.status-verified,.status-available,
.status-warning,.status-rolled_back,.status-fail,.status-failed{color:#000!important}

.sims-mobile-overlay{background:rgba(0,0,0,.30)!important}
.close{color:#000!important}

@media print{
  html,body,#wrap,.pagecontent,table,.table,.card,.panel,.well{background:#fff!important;color:#000!important}
}

/* Unified light interface for Student, Teacher and administration modules. */
body:not(.mis-login-page) .pagecontent .card,
body:not(.mis-login-page) .pagecontent .card-body,
body:not(.mis-login-page) .pagecontent .panel,
body:not(.mis-login-page) .pagecontent .panel-body,
body:not(.mis-login-page) .pagecontent .well{
  background:#fff!important;
  color:#111!important;
  border-color:#c8d9cd!important;
}
body:not(.mis-login-page) .pagecontent .card-heading,
body:not(.mis-login-page) .pagecontent .card-header,
body:not(.mis-login-page) .pagecontent .panel-heading{
  background:#edf7f0!important;
  color:#111!important;
  border-color:#c8d9cd!important;
}
body:not(.mis-login-page) .pagecontent label,
body:not(.mis-login-page) .pagecontent legend,
body:not(.mis-login-page) .pagecontent strong,
body:not(.mis-login-page) .pagecontent h1,
body:not(.mis-login-page) .pagecontent h2,
body:not(.mis-login-page) .pagecontent h3,
body:not(.mis-login-page) .pagecontent h4,
body:not(.mis-login-page) .pagecontent p{
  color:#111!important;
}
body:not(.mis-login-page) .pagecontent .form-control,
body:not(.mis-login-page) .pagecontent input,
body:not(.mis-login-page) .pagecontent select,
body:not(.mis-login-page) .pagecontent textarea{
  background:#fff!important;
  color:#111!important;
  border-color:#9fb9a7!important;
}
body:not(.mis-login-page) .pagecontent .form-control:focus,
body:not(.mis-login-page) .pagecontent input:focus,
body:not(.mis-login-page) .pagecontent select:focus,
body:not(.mis-login-page) .pagecontent textarea:focus{
  border-color:#2f7d53!important;
  box-shadow:0 0 0 3px rgba(47,125,83,.13)!important;
}
body:not(.mis-login-page) .pagecontent .btn,
body:not(.mis-login-page) .pagecontent .btn *{
  color:#111!important;
}
body:not(.mis-login-page) .pagecontent .btn-default{
  background:#fff!important;
  color:#111!important;
  border:1px solid #789180!important;
}
body:not(.mis-login-page) .pagecontent .btn-default:hover,
body:not(.mis-login-page) .pagecontent .btn-default:focus{
  background:#edf7f0!important;
  color:#000!important;
  border-color:#2f7d53!important;
}
body:not(.mis-login-page) .pagecontent .btn-primary,
body:not(.mis-login-page) .pagecontent .btn-success{
  background:#2f7d53!important;
  color:#fff!important;
  border-color:#2f7d53!important;
}
body:not(.mis-login-page) .pagecontent .btn-primary *,
body:not(.mis-login-page) .pagecontent .btn-success *{color:#fff!important}
body:not(.mis-login-page) .pagecontent .btn-primary:hover,
body:not(.mis-login-page) .pagecontent .btn-success:hover{
  background:#245f40!important;
  border-color:#245f40!important;
}
body:not(.mis-login-page) .pagecontent .table-responsive{
  background:#fff!important;
  border-color:#c8d9cd!important;
}
body:not(.mis-login-page) .pagecontent .table,
body:not(.mis-login-page) .pagecontent .table>tbody>tr>td{
  background:#fff!important;
  color:#111!important;
  border-color:#d5e1d8!important;
}
body:not(.mis-login-page) .pagecontent .table>thead>tr>th{
  background:#dfeee3!important;
  color:#193d29!important;
  border-color:#bdd2c3!important;
}
body:not(.mis-login-page) .pagecontent .table-striped>tbody>tr:nth-of-type(odd)>td{background:#f5faf6!important}
body:not(.mis-login-page) .pagecontent .table-hover>tbody>tr:hover>td{background:#eaf5ed!important;color:#000!important}
body:not(.mis-login-page) .pagecontent .nav-tabs{border-bottom-color:#aac6b2!important}
body:not(.mis-login-page) .pagecontent .nav-tabs>li>a{
  background:#fff!important;
  color:#315b41!important;
  border-color:transparent!important;
  font-weight:600!important;
}
body:not(.mis-login-page) .pagecontent .nav-tabs>li>a:hover{background:#edf7f0!important;color:#111!important}
body:not(.mis-login-page) .pagecontent .nav-tabs>li.active>a,
body:not(.mis-login-page) .pagecontent .nav-tabs>li.active>a:hover{
  background:#dceee1!important;
  color:#111!important;
  border:1px solid #aac6b2!important;
  border-bottom-color:#dceee1!important;
}

/* School Workflows */
body:not(.mis-login-page) .workflow-page{color:#111!important}
body:not(.mis-login-page) .workflow-hero h1,
body:not(.mis-login-page) .workflow-hero p{color:#111!important}
body:not(.mis-login-page) .workflow-release,
body:not(.mis-login-page) .wf-panel,
body:not(.mis-login-page) .wf-form-card{
  background:#fff!important;
  color:#111!important;
  border-color:#bad0c0!important;
  box-shadow:0 8px 22px rgba(35,73,50,.08)!important;
}
body:not(.mis-login-page) .workflow-release small,
body:not(.mis-login-page) .workflow-release strong,
body:not(.mis-login-page) .wf-form-card small,
body:not(.mis-login-page) .wf-form-card strong{color:#111!important}
body:not(.mis-login-page) .wf-panel-head,
body:not(.mis-login-page) .wf-batch-bar,
body:not(.mis-login-page) .wf-bulk-comment-bar,
body:not(.mis-login-page) .wf-comment-help{
  background:#edf7f0!important;
  color:#111!important;
  border-color:#c5d9ca!important;
}
body:not(.mis-login-page) .wf-panel-head span,
body:not(.mis-login-page) .wf-character-count,
body:not(.mis-login-page) .wf-comment-controls label{color:#111!important}
body:not(.mis-login-page) .wf-check,
body:not(.mis-login-page) .wf-comment-row{border-color:#d5e1d8!important}
body:not(.mis-login-page) .wf-form-card:hover{background:#edf7f0!important;border-color:#2f7d53!important}
body:not(.mis-login-page) .wf-form-card>.glyphicon{color:#2f7d53!important}

/* Production Readiness Center */
body:not(.mis-login-page) .p5-hero p{color:#111!important}
body:not(.mis-login-page) .p5-release,
body:not(.mis-login-page) .p5-panel{
  background:#fff!important;
  color:#111!important;
  border-color:#bad0c0!important;
  box-shadow:0 8px 22px rgba(35,73,50,.08)!important;
}
body:not(.mis-login-page) .p5-release span,
body:not(.mis-login-page) .p5-release small,
body:not(.mis-login-page) .p5-release strong{color:#111!important}
body:not(.mis-login-page) .p5-panel>header,
body:not(.mis-login-page) .p5-actions a{
  background:#edf7f0!important;
  color:#111!important;
  border-color:#c5d9ca!important;
}
body:not(.mis-login-page) .p5-panel header span,
body:not(.mis-login-page) .p5-actions small,
body:not(.mis-login-page) .p5-empty{color:#111!important}
body:not(.mis-login-page) .p5-check,
body:not(.mis-login-page) .p5-note{border-color:#d5e1d8!important}
body:not(.mis-login-page) .p5-actions a>.glyphicon{color:#2f7d53!important}

/* Health and test pages */
body:not(.mis-login-page) .sims-health,
body:not(.mis-login-page) .sims-health-hero h1,
body:not(.mis-login-page) .sims-health-muted{color:#111!important}
body:not(.mis-login-page) .sims-health-version,
body:not(.mis-login-page) .test-release{
  background:#edf7f0!important;
  color:#111!important;
  border-color:#bad0c0!important;
}
body:not(.mis-login-page) .sims-health-version *,
body:not(.mis-login-page) .test-release *{color:#111!important}
body:not(.mis-login-page) .sims-health-card,
body:not(.mis-login-page) .sims-health-card:nth-child(n){
  background:#fff!important;
  color:#111!important;
  border:1px solid #bad0c0!important;
  border-left:5px solid #4f9769!important;
}
body:not(.mis-login-page) .sims-health-card .value,
body:not(.mis-login-page) .sims-health-card .label{color:#111!important;text-shadow:none!important}
body:not(.mis-login-page) .sims-health-panel,
body:not(.mis-login-page) .test-panel{
  background:#fff!important;
  color:#111!important;
  border-color:#bad0c0!important;
  box-shadow:0 8px 22px rgba(35,73,50,.08)!important;
}
body:not(.mis-login-page) .sims-health-panel h3,
body:not(.mis-login-page) .test-panel>header{
  background:#edf7f0!important;
  color:#111!important;
  border-color:#c5d9ca!important;
}
body:not(.mis-login-page) .sims-health-row,
body:not(.mis-login-page) .sims-health-row:nth-child(even),
body:not(.mis-login-page) .sims-health-row:hover,
body:not(.mis-login-page) .sims-health-list,
body:not(.mis-login-page) .sims-health-item,
body:not(.mis-login-page) .test-row{
  background:#fff!important;
  color:#111!important;
  border-color:#d5e1d8!important;
}
body:not(.mis-login-page) .sims-health-row strong,
body:not(.mis-login-page) .sims-health-row .details,
body:not(.mis-login-page) .sims-health-item strong,
body:not(.mis-login-page) .sims-health-item span,
body:not(.mis-login-page) .sims-health-item code,
body:not(.mis-login-page) .test-row strong,
body:not(.mis-login-page) .test-row small,
body:not(.mis-login-page) .test-steps li,
body:not(.mis-login-page) .test-panel>header span{color:#111!important}
body:not(.mis-login-page) .sims-health-panel .table-responsive,
body:not(.mis-login-page) .sims-health-panel .table,
body:not(.mis-login-page) .sims-health-panel .table>tbody>tr>td,
body:not(.mis-login-page) .sims-health-panel .table-striped>tbody>tr:nth-of-type(odd)>td{
  background:#fff!important;
  color:#111!important;
  border-color:#d5e1d8!important;
}
body:not(.mis-login-page) .sims-health-panel .table>thead>tr>th{background:#dfeee3!important;color:#193d29!important}
body:not(.mis-login-page) .test-hero p{color:#111!important}
body:not(.mis-login-page) .test-summary>div{
  background:#fff!important;
  color:#111!important;
  border:1px solid #bad0c0!important;
  border-left:5px solid #4f9769!important;
}
body:not(.mis-login-page) .test-summary strong,
body:not(.mis-login-page) .test-summary span{color:#111!important}

@media(max-width:767px){
  body:not(.mis-login-page) .pagecontent .card-body,
  body:not(.mis-login-page) .pagecontent .panel-body{padding:14px!important}
  body:not(.mis-login-page) .workflow-release,
  body:not(.mis-login-page) .p5-release,
  body:not(.mis-login-page) .test-release,
  body:not(.mis-login-page) .sims-health-version{width:100%;min-width:0;text-align:left!important}
}

/* Student identity card and profile content. */
body:not(.mis-login-page) .student-profile-page .student-profile-card{
  display:grid!important;
  grid-template-columns:160px minmax(0,1fr)!important;
  align-items:center!important;
  gap:22px!important;
  width:100%!important;
  min-height:190px!important;
  margin:0!important;
  padding:20px!important;
  background:#edf7f0!important;
  color:#111!important;
  border:1px solid #b9d1c0!important;
  border-radius:12px!important;
}
body:not(.mis-login-page) .student-profile-page .student-profile-photo{
  display:block!important;
  float:none!important;
  width:160px!important;
  min-width:160px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
}
body:not(.mis-login-page) .student-profile-page .student-photo-link{
  display:block!important;
  width:154px!important;
  height:154px!important;
  margin:0!important;
  padding:6px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #9fbea9!important;
  border-radius:10px!important;
}
body:not(.mis-login-page) .student-profile-page .student-photo-link img{
  display:block!important;
  width:140px!important;
  height:140px!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  object-fit:cover!important;
  background:#fff!important;
  border-radius:6px!important;
}
body:not(.mis-login-page) .student-profile-page .student-profile-summary{
  display:block!important;
  float:none!important;
  width:100%!important;
  min-height:154px!important;
  margin:0!important;
  padding:20px 26px!important;
  background:#fff!important;
  color:#111!important;
  border:1px solid #c5d9ca!important;
  border-radius:10px!important;
}
body:not(.mis-login-page) .student-profile-page .student-profile-summary,
body:not(.mis-login-page) .student-profile-page .student-profile-summary *{
  color:#111!important;
  background:transparent!important;
}
body:not(.mis-login-page) .student-profile-page .student-profile-name{
  display:block!important;
  color:#173f2a!important;
  font-size:27px!important;
  line-height:1.25!important;
  font-weight:700!important;
}
body:not(.mis-login-page) .student-profile-page .student-profile-summary p{
  margin:8px 0!important;
  color:#111!important;
  font-size:14px!important;
}
body:not(.mis-login-page) .student-profile-page .student-profile-summary .glyphicon{
  width:22px!important;
  color:#2f7d53!important;
}
body:not(.mis-login-page) .student-profile-page .nav-tabs>li>a{color:#315b41!important}
body:not(.mis-login-page) .student-profile-page .nav-tabs>li.active>a{color:#111!important;background:#dceee1!important}
body:not(.mis-login-page) .student-profile-page .tab-content,
body:not(.mis-login-page) .student-profile-page .tab-pane{background:#fff!important;color:#111!important}
body:not(.mis-login-page) .student-profile-page .table>tbody>tr>td,
body:not(.mis-login-page) .student-profile-page .table>tbody>tr>td *{color:#111!important;opacity:1!important}
body:not(.mis-login-page) .student-profile-page .table>tbody>tr>td a{color:#285f40!important;font-weight:600!important}
@media(max-width:767px){
  body:not(.mis-login-page) .student-profile-page .student-profile-card{display:block!important;padding:15px!important}
  body:not(.mis-login-page) .student-profile-page .student-profile-photo{margin:0 auto 16px!important}
  body:not(.mis-login-page) .student-profile-page .student-profile-summary{min-height:0!important;padding:17px!important}
  body:not(.mis-login-page) .student-profile-page .student-profile-name{font-size:21px!important;text-align:center!important}
  body:not(.mis-login-page) .student-profile-page .nav-tabs{white-space:nowrap!important;overflow-x:auto!important}
  body:not(.mis-login-page) .student-profile-page .nav-tabs>li{float:none!important;display:inline-block!important}
}

/* Class roster readability and learner-picker colors. */
body:not(.mis-login-page) .pagecontent .class-profile-enrolment .class-enrolment-table>tbody>tr>td,
body:not(.mis-login-page) .pagecontent .class-profile-enrolment .class-enrolment-table>tbody>tr>td a,
body:not(.mis-login-page) .pagecontent .class-profile-enrolment .class-enrolment-table>tbody>tr>td span,
body:not(.mis-login-page) .pagecontent .class-profile-enrolment .class-enrolment-table>tbody>tr>td small,
body:not(.mis-login-page) .pagecontent .class-profile-enrolment .class-enrolment-table>tbody>tr>td strong{
  color:#111!important;
  opacity:1!important;
}
body:not(.mis-login-page) .pagecontent .class-profile-enrolment .class-enrolment-table>tbody>tr>td:nth-child(2),
body:not(.mis-login-page) .pagecontent .class-profile-enrolment .class-enrolment-table>tbody>tr>td:nth-child(3){
  color:#173f2a!important;
  font-weight:700!important;
}
body:not(.mis-login-page) .pagecontent .class-profile-enrolment .class-enrolment-table .btn-success,
body:not(.mis-login-page) .pagecontent .class-profile-enrolment .class-enrolment-table .btn-success *{
  background:#2f7d53!important;
  color:#fff!important;
}
body:not(.mis-login-page) .select2-container .select2-selection,
body:not(.mis-login-page) .select2-dropdown,
body:not(.mis-login-page) .select2-results__option{
  background:#fff!important;
  color:#111!important;
  border-color:#9fb9a7!important;
}
body:not(.mis-login-page) .select2-results__option--highlighted,
body:not(.mis-login-page) .select2-results__option[aria-selected=true]{
  background:#dceee1!important;
  color:#111!important;
}

/* Teacher profile and teacher-load presentation. */
body:not(.mis-login-page) .teacher-profile-page>.row+.page-header,
body:not(.mis-login-page) .teacher-profile-page .breadcrumb{color:#111!important}
body:not(.mis-login-page) .teacher-profile-page>.clearfix+.row>.col-xs-12>.panel>.panel-body{
  background:#fff!important;
  color:#111!important;
  padding:20px!important;
}
body:not(.mis-login-page) .teacher-profile-page .media{
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
  min-height:180px!important;
  padding:20px!important;
  background:#edf7f0!important;
  color:#111!important;
  border:1px solid #c5d9ca!important;
  border-radius:10px!important;
}
body:not(.mis-login-page) .teacher-profile-page .media .col-xs-6{
  float:none!important;
  flex:0 0 160px!important;
  width:160px!important;
  min-width:160px!important;
  padding:0!important;
}
body:not(.mis-login-page) .teacher-profile-page .media .thumbnail{
  width:150px!important;
  max-width:150px!important;
  min-height:150px!important;
  display:block!important;
  margin:0!important;
  padding:4px!important;
  background:#fff!important;
  border-color:#a9c5b2!important;
}
body:not(.mis-login-page) .teacher-profile-page .media .thumbnail img{
  display:block!important;
  width:140px!important;
  height:140px!important;
  max-width:140px!important;
  max-height:140px!important;
  object-fit:cover!important;
  background:#fff!important;
}
body:not(.mis-login-page) .teacher-profile-page .media>.media-body,
body:not(.mis-login-page) .teacher-profile-page .teacher-profile-summary{
  display:block!important;
  width:auto!important;
  min-height:150px!important;
  padding:20px 24px!important;
  background:#fff!important;
  color:#111!important;
  border:1px solid #c5d9ca!important;
  border-radius:9px!important;
}
body:not(.mis-login-page) .teacher-profile-page .teacher-profile-summary h3,
body:not(.mis-login-page) .teacher-profile-page .teacher-profile-summary p,
body:not(.mis-login-page) .teacher-profile-page .teacher-profile-summary span{background:transparent!important}
body:not(.mis-login-page) .teacher-profile-page .teacher-profile-summary,
body:not(.mis-login-page) .teacher-profile-page .teacher-profile-summary *{color:#111!important}
body:not(.mis-login-page) .teacher-profile-page .teacher-profile-name{
  display:block!important;
  color:#173f2a!important;
  font-size:26px!important;
  font-weight:700!important;
  line-height:1.25!important;
}
body:not(.mis-login-page) .teacher-profile-page .teacher-profile-summary p{
  margin:9px 0!important;
  font-size:14px!important;
}
body:not(.mis-login-page) .teacher-profile-page .teacher-profile-summary .glyphicon{
  width:22px!important;
  color:#2f7d53!important;
}
body:not(.mis-login-page) .teacher-profile-page .nav-tabs>li>a{color:#315b41!important}
body:not(.mis-login-page) .teacher-profile-page .tab-content{background:#fff!important;color:#111!important}
body:not(.mis-login-page) .pagecontent select#ui-classes{background:#fff!important;color:#111!important}

/* Isolated teacher identity card; avoids all legacy Bootstrap media colors. */
body:not(.mis-login-page) .teacher-profile-page .teacher-profile-card{
  display:grid!important;
  grid-template-columns:160px minmax(0,1fr)!important;
  align-items:center!important;
  gap:22px!important;
  width:100%!important;
  min-height:190px!important;
  margin:0!important;
  padding:20px!important;
  overflow:visible!important;
  background:#edf7f0!important;
  color:#111!important;
  border:1px solid #b9d1c0!important;
  border-radius:12px!important;
}
body:not(.mis-login-page) .teacher-profile-page .teacher-profile-photo{
  display:block!important;
  float:none!important;
  width:160px!important;
  min-width:160px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
}
body:not(.mis-login-page) .teacher-profile-page .teacher-photo-link{
  display:block!important;
  width:154px!important;
  height:154px!important;
  margin:0!important;
  padding:6px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #9fbea9!important;
  border-radius:10px!important;
}
body:not(.mis-login-page) .teacher-profile-page .teacher-photo-link img{
  display:block!important;
  width:140px!important;
  height:140px!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  object-fit:cover!important;
  background:#fff!important;
  border-radius:6px!important;
}
body:not(.mis-login-page) .teacher-profile-page .teacher-profile-card>.teacher-profile-summary{
  display:block!important;
  float:none!important;
  width:100%!important;
  min-height:154px!important;
  margin:0!important;
  padding:22px 26px!important;
  overflow:visible!important;
  background:#fff!important;
  color:#111!important;
  border:1px solid #c5d9ca!important;
  border-radius:10px!important;
}
body:not(.mis-login-page) .teacher-profile-page .teacher-profile-card>.teacher-profile-summary,
body:not(.mis-login-page) .teacher-profile-page .teacher-profile-card>.teacher-profile-summary *{
  color:#111!important;
  background:transparent!important;
}
body:not(.mis-login-page) .teacher-profile-page .teacher-profile-card .teacher-profile-name{
  color:#173f2a!important;
  font-size:27px!important;
  font-weight:700!important;
}
body:not(.mis-login-page) .teacher-profile-page .teacher-profile-card>.teacher-profile-summary p{
  margin:10px 0!important;
  color:#111!important;
  font-size:14px!important;
}
body:not(.mis-login-page) .teacher-profile-page .teacher-profile-card>.teacher-profile-summary .glyphicon{color:#2f7d53!important}
@media(max-width:767px){
  body:not(.mis-login-page) .teacher-profile-page .media{display:block!important;padding:15px!important}
  body:not(.mis-login-page) .teacher-profile-page .media .col-xs-6{width:160px!important;min-width:160px!important;margin:0 auto!important}
  body:not(.mis-login-page) .teacher-profile-page .media .thumbnail{margin:0 auto 16px!important}
  body:not(.mis-login-page) .teacher-profile-page .media>.media-body{width:100%!important;padding:16px!important}
  body:not(.mis-login-page) .teacher-profile-page .teacher-profile-name{font-size:21px!important;text-align:center}
  body:not(.mis-login-page) .teacher-profile-page .teacher-profile-card{display:block!important;padding:15px!important}
  body:not(.mis-login-page) .teacher-profile-page .teacher-profile-photo{margin:0 auto 16px!important}
  body:not(.mis-login-page) .teacher-profile-page .teacher-profile-card>.teacher-profile-summary{min-height:0!important;padding:17px!important}
}