/*
 * Module tab strip - one look for every page that uses the old SmartWizard
 * strip (div.sw-main > ul.step-anchor, sometimes with a second ul nested
 * inside, e.g. payroll/parameter_default). Matches the Training / L&D tabs:
 * white pill bar, text labels only, the current page in brand teal.
 * Vertical wizards (.smartwizard-vertical-*) are left alone.
 */
.sw-main.sw-theme-default:not([class*="smartwizard-vertical"]) > .step-anchor {
  display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 18px; padding: 5px;
  background: #fff; border: 1px solid #E0E0E0 !important; border-radius: 10px;
  list-style: none;
}
/* a strip nested inside the strip just passes its tabs through */
.sw-main.sw-theme-default:not([class*="smartwizard-vertical"]) > .step-anchor .step-anchor {
  display: contents !important; border: 0 !important; margin: 0 !important; padding: 0 !important; background: none !important;
}
.sw-main.sw-theme-default:not([class*="smartwizard-vertical"]) > .step-anchor li {
  flex-grow: 0 !important; margin: 0 !important; border: 0 !important; list-style: none;
}
.sw-main.sw-theme-default:not([class*="smartwizard-vertical"]) > .step-anchor li > a {
  display: inline-flex !important; flex-direction: row !important; align-items: center;
  min-height: 0 !important; margin: 0 !important; padding: 7px 14px !important;
  border: 0 !important; border-radius: 7px; background: transparent;
  font-size: 13px; font-weight: 600; line-height: 1.3; color: #63636B !important;
  text-decoration: none; white-space: nowrap; opacity: 1 !important; cursor: pointer;
}
.sw-main.sw-theme-default:not([class*="smartwizard-vertical"]) > .step-anchor li > a::before,
.sw-main.sw-theme-default:not([class*="smartwizard-vertical"]) > .step-anchor li > a::after { display: none !important; }
.sw-main.sw-theme-default:not([class*="smartwizard-vertical"]) > .step-anchor li > a:hover { background: #F4F7F6; color: #24242B !important; }
/* text only: no icons, numbers or the one-line description under each label */
.sw-main.sw-theme-default:not([class*="smartwizard-vertical"]) > .step-anchor li > a > div,
.sw-main.sw-theme-default:not([class*="smartwizard-vertical"]) > .step-anchor li > a .small,
.sw-main.sw-theme-default:not([class*="smartwizard-vertical"]) > .step-anchor .sw-icon,
.sw-main.sw-theme-default:not([class*="smartwizard-vertical"]) > .step-anchor .sw-done-icon,
.sw-main.sw-theme-default:not([class*="smartwizard-vertical"]) > .step-anchor .sw-number,
.sw-main.sw-theme-default:not([class*="smartwizard-vertical"]) > .step-anchor li > a i { display: none !important; }
.sw-main.sw-theme-default:not([class*="smartwizard-vertical"]) > .step-anchor li.active > a {
  background: #2F5D5A !important; color: #fff !important;
}
/* the rule that used to sit under the strip */
.sw-main.sw-theme-default:not([class*="smartwizard-vertical"]) + hr.border-light,
.sw-main.sw-theme-default:not([class*="smartwizard-vertical"]) > .step-anchor + hr.border-light { display: none; }
@media (max-width: 575px) {
  .sw-main.sw-theme-default:not([class*="smartwizard-vertical"]) > .step-anchor { flex-wrap: nowrap; overflow-x: auto; }
}

/* Tabs generated from the sidebar group (layout_main #moduleTabs) - same look */
.mt-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 18px; padding: 5px; background: #fff; border: 1px solid #E0E0E0; border-radius: 10px; }
.mt-tabs a { display: inline-flex; align-items: center; padding: 7px 14px; border-radius: 7px; font-size: 13px; font-weight: 600; line-height: 1.3; color: #63636B; text-decoration: none; white-space: nowrap; }
.mt-tabs a:hover { background: #F4F7F6; color: #24242B; text-decoration: none; }
.mt-tabs a.on { background: #2F5D5A; color: #fff; }
@media (max-width: 575px) { .mt-tabs { flex-wrap: nowrap; overflow-x: auto; } }

/* Training and L&D tab bars: text only as well */
.trn-nav a i, .ldn-tabs a i { display: none !important; }

/* Left menu: text only - no icons on any sidebar link */
#layout-sidenav .sidenav-link > .sidenav-icon,
#layout-sidenav .sidenav-link > i { display: none !important; }