/* MakHospMIS theme (Settings > Appearance) */
:root {
  --mh-primary: #10501d;
  --mh-primary-dark: #0c3c16;
  --mh-primary-light: #e2eae4;
  --mh-primary-rgb: 16, 80, 29;
  --mh-primary-soft: rgba(16, 80, 29, .08);
  --mh-on-primary: #ffffff;
  --mh-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mh-size: .88rem;
}
body, .app-container, .btn, .form-control, .custom-select, input, select, textarea, button, .dropdown-menu, .modal, .popover, .tooltip, .swal2-popup {
  font-family: var(--mh-font);
}
body { font-size: var(--mh-size); }
.mh-footer { background-color: var(--mh-primary) !important; color: var(--mh-on-primary); }
.app-header { border-bottom: 3px solid var(--mh-primary); }
.app-sidebar__heading { color: var(--mh-primary); }
.vertical-nav-menu li a.mm-active, .vertical-nav-menu li a:hover { color: var(--mh-primary); background: var(--mh-primary-soft); }
.vertical-nav-menu li a.mm-active .metismenu-icon, .vertical-nav-menu li a:hover .metismenu-icon { color: var(--mh-primary); opacity: .9; }
.btn-primary, .btn-success { background-color: var(--mh-primary); border-color: var(--mh-primary); color: var(--mh-on-primary); }
.btn-primary:hover, .btn-primary:focus, .btn-success:hover, .btn-success:focus, .btn-primary:not(:disabled):not(.disabled):active { background-color: var(--mh-primary-dark); border-color: var(--mh-primary-dark); color: var(--mh-on-primary); }
.btn-outline-primary, .btn-outline-success { color: var(--mh-primary); border-color: var(--mh-primary); }
.btn-outline-primary:hover, .btn-outline-success:hover { background-color: var(--mh-primary); border-color: var(--mh-primary); color: var(--mh-on-primary); }
.page-item.active .page-link { background-color: var(--mh-primary); border-color: var(--mh-primary); color: var(--mh-on-primary); }
.page-link { color: var(--mh-primary); }
.form-control:focus, .custom-select:focus { border-color: var(--mh-primary); box-shadow: 0 0 0 .15rem rgba(var(--mh-primary-rgb), .2); }
.custom-control-input:checked ~ .custom-control-label::before, .form-check-input:checked { background-color: var(--mh-primary); border-color: var(--mh-primary); }
.table thead th.mh-th, .um-table thead th { background: var(--mh-primary); color: var(--mh-on-primary); }