



.moduleTabsPanel {
    display: none;
}
.moduleTabsPanel.is-active {
    display: block;
}
.moduleTabsPanel:has(> .moduleTabPane.DNNEmptyPane) {
    display: none;
}
.moduleTabsNavPane.DNNEmptyPane {
    display: none;
}
.moduleTabsNav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    border-bottom: 1px solid #cccccc;
}
.moduleTabsButton {
    appearance: none;
    background: transparent;
    border: 1px solid transparent;
    color: inherit;
    cursor: pointer;
    font: inherit;
    padding: 12px 20px;
}
.moduleTabsButton.is-active {
    background: #ffffff;
    border-color: #cccccc;
    border-bottom-color: #ffffff;
    font-weight: 700;
    margin-bottom: -1px;
}
.moduleTabsButton:focus-visible {
    outline: 3px solid #005fcc;
    outline-offset: 2px;
}
.moduleTabsPanel[hidden], .moduleTabsButton[hidden], .moduleTabs[hidden] {
    display: none !important;
}
.dnnEditState .moduleTabsPanel, .dnnEditState .moduleTabsPanel[hidden], .dnnEditState .moduleTabsPanel:has(> .moduleTabPane.DNNEmptyPane) {
    display: block !important;
}
.dnnEditState .moduleTabsNavPane.DNNEmptyPane {
    display: block;
}





