/*
 Created July 31, 2026
 Customized version of Navigation tabs in pill shape
 See comment at bottom for optional fixed height content pane
*/
.nav.nav-pills:not(.RadDock *):not(.sf-editor *) {
    list-style: none;
    padding:5px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    margin-bottom:1.25rem;
}
.nav-pills .nav-link {
    border:solid 2px var(--pws-link-color);
    background:none;
    color:var(--pws-link-color);
    font-weight:600;
    border-radius:var(--pws-border-radius-pill);
    padding:0.625rem;
}
.nav-pills .nav-link:hover {
    outline:solid 2px var(--pws-link-color);
    outline-offset:2px;
}
/* Mobile adjustments */
@media(max-width: 768px) {
    .nav.nav-pills {
        overflow-x: scroll;
        flex-wrap:nowrap !important;
    }
    .nav.nav-pills::-webkit-scrollbar {display: none;}
    .nav-pills .nav-item {
        flex: none;
        margin:0 0.4rem 0.5rem 0;
    }
}
.sf-editor .tab-content>.tab-pane {
    display: block;
    border-bottom:4px double black;
}
/* If fixed content pane height is desired, use in custom CSS on page
.tab-pane:not(.RadDock *):not(.sf-editor *) {
    padding:1.25rem;
    height:40vh;
    overflow-y:scroll;
}
*/