joomla-tab {
  flex-direction: column;
  display: flex;
}

joomla-tab[orientation="horizontal"]:not([view="accordion"]) {
  margin-bottom: 0;
}

joomla-tab[orientation="horizontal"]:not([view="accordion"]) > div[role="tablist"] {
  width: 100%;
  margin-bottom: 0;
}

joomla-tab > div[role="tablist"] {
  white-space: nowrap;
  list-style: outside none none;
  border-bottom: 1px solid var(--template-bg-dark-10);
  flex-flow: wrap;
  padding: 0;
  display: flex;
}

joomla-tab > div[role="tablist"] > button[role="tab"] {
  box-sizing: border-box;
  background-color: var(--white);
  box-shadow: none;
  border: 0;
  padding: .6rem 1rem;
  text-decoration: none;
  display: block;
  position: relative;
}

joomla-tab > div[role="tablist"] > button[role="tab"]:focus-visible {
  z-index: 1;
}

joomla-tab > div[role="tablist"] > button[role="tab"][aria-expanded="true"], joomla-tab > div[role="tablist"] > button[role="tab"]:focus, joomla-tab > div[role="tablist"] > button[role="tab"]:hover {
  color: var(--primary);
  box-shadow: none;
  border: 0;
  border-radius: 0;
}

joomla-tab > div[role="tablist"] > button[role="tab"][aria-expanded="true"]:after, joomla-tab > div[role="tablist"] > button[role="tab"]:focus:after, joomla-tab > div[role="tablist"] > button[role="tab"]:hover:after {
  content: "";
  background-color: var(--template-link-color);
  opacity: .8;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

joomla-tab > div[role="tablist"] > button[role="tab"][aria-expanded="true"] .text-muted, joomla-tab > div[role="tablist"] > button[role="tab"]:focus .text-muted, joomla-tab > div[role="tablist"] > button[role="tab"]:hover .text-muted {
  color: var(--template-text-light) !important;
}

joomla-tab > div[role="tablist"] > button[role="tab"][aria-expanded="true"] {
  color: var(--primary);
  background: var(--template-bg-dark-3);
  font-weight: 700;
}

joomla-tab > div[role="tablist"] > button[role="tab"] .text-muted {
  color: var(--template-text-dark) !important;
}

joomla-tab > button[role="region"] {
  color: var(--template-text-light);
  text-align: start;
  background-color: var(--template-link-color);
  border: 1px solid var(--template-text-light);
  border-top: 0;
  width: 100%;
  padding: .7rem;
}

joomla-tab > button[role="region"][aria-expanded="true"], joomla-tab > button[role="region"]:hover, joomla-tab > button[role="region"]:focus {
  color: var(--template-text-light);
  background-color: var(--template-bg-dark);
}

joomla-tab > button[role="region"] .text-muted {
  color: var(--template-text-light) !important;
}

joomla-tab > joomla-tab-element {
  --gutter-x: 2rem;
  box-shadow: none;
  background-color: #fff;
  border: 0;
  border-radius: .25rem;
  padding: 30px 2vw;
  display: none;
}

joomla-tab > joomla-tab-element[active] {
  display: block;
}

.main-card-columns > * > joomla-tab {
  border-left: 1px solid var(--template-bg-dark-10);
  height: 100%;
}

joomla-tab[orientation="vertical"] {
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
}

joomla-tab[orientation="vertical"] > div[role="tablist"] {
  box-shadow: none;
  border: 1px solid #dee2e6;
  border-radius: 0;
  flex-direction: column;
  flex: 0 0 25%;
  width: 100%;
  min-width: 25%;
  max-width: 25%;
  height: auto;
  padding: 0;
  overflow: hidden;
}

@media (width <= 991.98px) {
  joomla-tab[orientation="vertical"] > div[role="tablist"] {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

joomla-tab[orientation="vertical"] > div[role="tablist"] > button[role="tab"] {
  text-align: start;
}

joomla-tab[orientation="vertical"] > div[role="tablist"] > button[role="tab"][aria-expanded="true"] {
  color: var(--template-text-light);
  background-color: var(--template-bg-dark-60);
}

joomla-tab[orientation="vertical"] > div[role="tablist"] > button[role="tab"]:last-of-type {
  border-bottom: 0;
}

joomla-tab[orientation="vertical"] > div[role="tablist"] > button[role="tab"] {
  color: var(--template-special-color);
  box-shadow: none;
  border-top: 1px solid #0000;
  border-bottom: 1px solid #dee2e6;
  margin: -1px 0;
  padding: .75em 1em;
  text-decoration: none;
  display: block;
  position: relative;
}

joomla-tab[orientation="vertical"] > div[role="tablist"] > button[role="tab"][aria-expanded="true"], joomla-tab[orientation="vertical"] > div[role="tablist"] > button[role="tab"]:focus, joomla-tab[orientation="vertical"] > div[role="tablist"] > button[role="tab"]:hover {
  color: var(--template-text-light);
  background-color: var(--template-bg-dark-60);
  box-shadow: none;
  background-image: none;
  border-right: 0;
}

joomla-tab[orientation="vertical"] > div[role="tablist"] > button[role="tab"][aria-expanded="true"]:after, joomla-tab[orientation="vertical"] > div[role="tablist"] > button[role="tab"]:focus:after, joomla-tab[orientation="vertical"] > div[role="tablist"] > button[role="tab"]:hover:after {
  background-color: var(--template-bg-dark);
  width: 5px;
  height: auto;
  top: 0;
  bottom: 0;
  left: -1px;
}

joomla-tab[orientation="vertical"] > div[role="tablist"] > button[role="tab"][aria-expanded="true"] .text-muted, joomla-tab[orientation="vertical"] > div[role="tablist"] > button[role="tab"]:focus .text-muted, joomla-tab[orientation="vertical"] > div[role="tablist"] > button[role="tab"]:hover .text-muted {
  color: var(--template-text-light) !important;
}

joomla-tab[orientation="vertical"] > div[role="tablist"] > button[role="tab"] .text-muted {
  color: var(--template-text-dark) !important;
}

joomla-tab[orientation="vertical"] > joomla-tab-element {
  box-shadow: none;
  border: 0;
  width: 100%;
  padding: 15px 0 15px 15px;
}

joomla-tab[view="accordion"] {
  white-space: normal;
  border-radius: 0;
  flex-direction: column;
  box-shadow: inset 0 1px #fff, 0 0 3px #0000000a;
}

joomla-tab[view="accordion"] > div[role="tablist"] {
  background-color: #fff;
}

joomla-tab[view="accordion"] > div[role="tablist"] > button[role="tab"] {
  color: var(--template-text-light);
  text-align: start;
  box-shadow: none;
  border: 0;
  border-bottom: 1px solid #dee2e6;
  padding: .75em 1em;
  text-decoration: none;
  display: block;
  position: relative;
}

joomla-tab[view="accordion"] > div[role="tablist"] > button[role="tab"][aria-expanded="true"]:after, joomla-tab[view="accordion"] > div[role="tablist"] > button[role="tab"]:hover:after {
  content: "";
  background-color: var(--template-bg-dark);
  opacity: .8;
  width: calc(100% + 2px);
  height: 5px;
  display: block;
  position: absolute;
  inset: auto -1px -1px;
}

joomla-tab[view="accordion"] > joomla-tab-element {
  padding: 15px;
  display: none;
}

joomla-tab[view="accordion"] > joomla-tab-element[active] {
  border-bottom: 1px solid #dee2e6;
  width: 100%;
  max-width: 100%;
  display: block;
}

joomla-tab[view="accordion"] [active], joomla-tab[view="accordion"] [aria-expanded="true"] {
  background-color: #fff;
}

joomla-tab[view="accordion"] .col-md-6, joomla-tab[view="accordion"] .col-md-9, joomla-tab[view="accordion"] .col-md-3 {
  padding: .5rem 0 0 !important;
}

joomla-tab[view="accordion"] #permissions-sliders > joomla-tab-element[active] {
  padding: 0 !important;
}

@media (width <= 991.98px) {
  [dir="ltr"] joomla-tab[view="accordion"] #permissions-sliders > joomla-tab-element[active] .respTable {
    text-align: right;
  }

  [dir="rtl"] joomla-tab[view="accordion"] #permissions-sliders > joomla-tab-element[active] .respTable {
    text-align: left;
  }

  joomla-tab[view="accordion"] #permissions-sliders > joomla-tab-element[active] .respTable, joomla-tab[view="accordion"] #permissions-sliders > joomla-tab-element[active] .respTable thead, joomla-tab[view="accordion"] #permissions-sliders > joomla-tab-element[active] .respTable tbody, joomla-tab[view="accordion"] #permissions-sliders > joomla-tab-element[active] .respTable tr, joomla-tab[view="accordion"] #permissions-sliders > joomla-tab-element[active] .respTable th, joomla-tab[view="accordion"] #permissions-sliders > joomla-tab-element[active] .respTable td {
    display: block;
  }

  joomla-tab[view="accordion"] #permissions-sliders > joomla-tab-element[active] .respTable thead {
    position: absolute;
    top: -1111px;
    left: -1111px;
  }

  joomla-tab[view="accordion"] #permissions-sliders > joomla-tab-element[active] .respTable td:before {
    content: attr(data-label) ":";
    font-weight: 700;
  }

  [dir="ltr"] joomla-tab[view="accordion"] #permissions-sliders > joomla-tab-element[active] .respTable td:before {
    float: left;
    padding: 0 2em 0 0;
  }

  [dir="rtl"] joomla-tab[view="accordion"] #permissions-sliders > joomla-tab-element[active] .respTable td:before {
    float: right;
    padding: 0 0 0 2em;
  }

  joomla-tab[view="accordion"] #permissions-sliders > joomla-tab-element[active] .respTable td:first-child {
    font-weight: 700;
  }

  joomla-tab[view="accordion"] #permissions-sliders > joomla-tab-element[active] .respTable td:last-child {
    border-bottom: 1em var(--template-bg-dark-80) solid;
  }

  joomla-tab[view="accordion"] #permissions-sliders > joomla-tab-element[active] .oddCol {
    background: var(--template-bg-light);
  }
}
