/* ldev-tabs — base structure */
.ldev-nav-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ddd;
}
.ldev-nav-tabs > li {
    display: inline-block;
    margin-bottom: -1px;
}
.ldev-nav-tabs > li > a,
.ldev-nav-tabs > li > .ldev-nav-link {
    display: block;
    padding: 8px 15px;
    border: 1px solid transparent;
    border-bottom: none;
    text-decoration: none;
    color: inherit;
}
.ldev-nav-tabs > li.ldev-active > a,
.ldev-nav-tabs > li > a.ldev-active,
.ldev-nav-tabs > li.ldev-active > .ldev-nav-link {
    background: #fff;
    border-color: #ddd #ddd #fff;
}
.ldev-nav-tabs > li.ldev-active > a[style],
.ldev-nav-tabs > li > a.ldev-active[style] {
    border-color: var(--ldev-tab-bg) var(--ldev-tab-bg) color-mix(in srgb, var(--ldev-tab-bg), transparent 80%);
}
.ldev-tab-content {
    border-top: 1px solid #ddd;
    clear: both;
}
.ldev-tab-content > .ldev-tab-pane {
    display: none;
    padding: 10px 0;
}
.ldev-tab-content > .ldev-tab-pane.ldev-active {
    display: block;
}
.ldev-tab-content > .ldev-tab-pane[style] {
    padding: 10px;
}

.ldev-question.ldev-question-local .ldev-tabs-wrap:not(.ldev-tabs-type-v) .ldev-nav-tabs {
    overflow: hidden;
}
.ldev-question.ldev-question-local .ldev-nav-tabs {
    border-bottom: 0;
    margin-bottom: -1px;
}
.ldev-question.ldev-question-local .ldev-tab-content {
    border-top: 1px solid #ddd;
}
.ldev-question .ldev-tab-content { clear: both; }

/* vertical tabs */
@media (min-width: 768px) {
    .ldev-tabs-type-v .ldev-nav-tabs {
        padding: 10px 0;
        border-bottom: 0;
        border-right: 1px solid #ddd;
    }
    .ldev-question .ldev-tabs-type-v .ldev-tab-content {
        clear: none;
        padding: 10px 0;
        border-color: transparent;
    }
    .ldev-tabs-type-v .ldev-nav-tabs > li {
        display: block;
    }
    .ldev-tabs-type-v .ldev-nav-tabs > li > a {
        background-color: transparent;
        border-radius: 0;
        color: inherit;
    }
    .ldev-tabs-type-v .ldev-nav-tabs > li.ldev-active > a,
    .ldev-tabs-type-v .ldev-nav-tabs > li > a.ldev-active {
        border-color: transparent;
        border-right: 3px solid #2199c7;
        margin-right: -2px;
        color: #2199c7;
    }
    .ldev-tabs-type-v .ldev-nav-tabs > li.ldev-active > a .accordion-item-icon {
        color: #2199c7;
    }
}