.jump-devexpress-tabs {
    --jump-tabs-border: #d9e4f2;
    --jump-tabs-border-active: #bfdbff;
    --jump-tabs-text: #52677f;
    --jump-tabs-text-active: #1d73d4;
    --jump-tabs-hover-bg: #f6fbff;
    --jump-tabs-active-bg: #edf6ff;
    --jump-tabs-strip-bg: #fff;
    display: block;
    min-width: 0;
    border-bottom: 0;
}

.jump-devexpress-tabs .dxbs-tabs,
.jump-devexpress-tabs .nav-tabs,
.jump-devexpress-tabs .dxbl-tabs {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0;
    border-bottom: 0 !important;
    background: var(--jump-tabs-strip-bg) !important;
    background-color: var(--jump-tabs-strip-bg) !important;
    scrollbar-width: none;
}

.jump-devexpress-tabs .dxbs-tabs *,
.jump-devexpress-tabs .nav-tabs *,
.jump-devexpress-tabs .dxbl-tabs * {
    background-image: none !important;
}

.jump-devexpress-tabs .nav,
.jump-devexpress-tabs .nav-tabs,
.jump-devexpress-tabs .nav-item,
.jump-devexpress-tabs .dxbs-tabs,
.jump-devexpress-tabs .dxbs-tabs > *,
.jump-devexpress-tabs .dxbl-tabs,
.jump-devexpress-tabs .dxbl-tabs > *,
.jump-devexpress-tabs .dxbl-tabs-item,
.jump-devexpress-tabs .dxbl-tabs-tab {
    background: transparent !important;
    background-color: transparent !important;
    border-bottom: 0 !important;
}

.jump-devexpress-tabs .dxbs-tabs:hover,
.jump-devexpress-tabs .nav-tabs:hover,
.jump-devexpress-tabs .dxbl-tabs:hover {
    scrollbar-width: thin;
}

.jump-devexpress-tabs .dxbs-tabs::-webkit-scrollbar,
.jump-devexpress-tabs .nav-tabs::-webkit-scrollbar,
.jump-devexpress-tabs .dxbl-tabs::-webkit-scrollbar {
    height: 0;
}

.jump-devexpress-tabs .dxbs-tabs:hover::-webkit-scrollbar,
.jump-devexpress-tabs .nav-tabs:hover::-webkit-scrollbar,
.jump-devexpress-tabs .dxbl-tabs:hover::-webkit-scrollbar {
    height: 6px;
}

.jump-devexpress-tabs .dxbs-tabs::-webkit-scrollbar-thumb,
.jump-devexpress-tabs .nav-tabs::-webkit-scrollbar-thumb,
.jump-devexpress-tabs .dxbl-tabs::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #9fb2cc;
}

.jump-devexpress-tabs .nav-item,
.jump-devexpress-tabs .dxbl-tabs-item {
    flex: 0 0 auto;
}

.jump-devexpress-tabs .nav-link,
.jump-devexpress-tabs .dxbs-tabs .nav-link,
.jump-devexpress-tabs .dxbl-tabs-item,
.jump-devexpress-tabs .dxbl-tabs-tab {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border: 1px solid transparent;
    border-bottom: 0 !important;
    border-radius: 10px 10px 0 0;
    background: transparent;
    color: var(--jump-tabs-text);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    transition: background .16s ease, color .16s ease, border-color .16s ease;
}

.jump-devexpress-tabs .nav-item,
.jump-devexpress-tabs .nav-link,
.jump-devexpress-tabs .dxbl-tabs-item,
.jump-devexpress-tabs .dxbl-tabs-tab,
.jump-devexpress-tabs .dxbl-tabs-item-content,
.jump-devexpress-tabs .dxbl-tabs-tab-content {
    border-radius: 10px 10px 0 0 !important;
}

.jump-devexpress-tabs .nav-link:not(.active),
.jump-devexpress-tabs .dxbs-tabs .nav-link:not(.active),
.jump-devexpress-tabs .dxbl-tabs-item:not(.dxbl-active):not(.dxbl-tabs-item-selected),
.jump-devexpress-tabs .dxbl-tabs-tab:not(.dxbl-active):not(.dxbl-tabs-tab-selected),
.jump-devexpress-tabs .dxbl-tabs-item:not(.dxbl-active):not(.dxbl-tabs-item-selected) .dxbl-tabs-item-content,
.jump-devexpress-tabs .dxbl-tabs-tab:not(.dxbl-active):not(.dxbl-tabs-tab-selected) .dxbl-tabs-tab-content {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--jump-tabs-text) !important;
    border-color: transparent !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.jump-devexpress-tabs .nav-link:not(.active)::before,
.jump-devexpress-tabs .nav-link:not(.active)::after,
.jump-devexpress-tabs .dxbl-tabs-item:not(.dxbl-active):not(.dxbl-tabs-item-selected)::before,
.jump-devexpress-tabs .dxbl-tabs-item:not(.dxbl-active):not(.dxbl-tabs-item-selected)::after,
.jump-devexpress-tabs .dxbl-tabs-tab:not(.dxbl-active):not(.dxbl-tabs-tab-selected)::before,
.jump-devexpress-tabs .dxbl-tabs-tab:not(.dxbl-active):not(.dxbl-tabs-tab-selected)::after,
.jump-devexpress-tabs .dxbl-tabs-item:not(.dxbl-active):not(.dxbl-tabs-item-selected) *::before,
.jump-devexpress-tabs .dxbl-tabs-item:not(.dxbl-active):not(.dxbl-tabs-item-selected) *::after,
.jump-devexpress-tabs .dxbl-tabs-tab:not(.dxbl-active):not(.dxbl-tabs-tab-selected) *::before,
.jump-devexpress-tabs .dxbl-tabs-tab:not(.dxbl-active):not(.dxbl-tabs-tab-selected) *::after {
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.jump-devexpress-tabs .nav-link:not(.active):hover,
.jump-devexpress-tabs .nav-link:not(.active):focus,
.jump-devexpress-tabs .dxbs-tabs .nav-link:not(.active):hover,
.jump-devexpress-tabs .dxbs-tabs .nav-link:not(.active):focus,
.jump-devexpress-tabs .dxbl-tabs-item:not(.dxbl-active):not(.dxbl-tabs-item-selected):hover,
.jump-devexpress-tabs .dxbl-tabs-item:not(.dxbl-active):not(.dxbl-tabs-item-selected):focus,
.jump-devexpress-tabs .dxbl-tabs-tab:not(.dxbl-active):not(.dxbl-tabs-tab-selected):hover,
.jump-devexpress-tabs .dxbl-tabs-tab:not(.dxbl-active):not(.dxbl-tabs-tab-selected):focus,
.jump-devexpress-tabs .dxbl-tabs-item:not(.dxbl-active):not(.dxbl-tabs-item-selected):hover .dxbl-tabs-item-content,
.jump-devexpress-tabs .dxbl-tabs-tab:not(.dxbl-active):not(.dxbl-tabs-tab-selected):hover .dxbl-tabs-tab-content {
    background: var(--jump-tabs-hover-bg) !important;
    background-color: var(--jump-tabs-hover-bg) !important;
    border-color: transparent !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.jump-devexpress-tabs .nav-link:not(.active) *,
.jump-devexpress-tabs .dxbs-tabs .nav-link:not(.active) *,
.jump-devexpress-tabs .dxbl-tabs-item:not(.dxbl-active):not(.dxbl-tabs-item-selected) *,
.jump-devexpress-tabs .dxbl-tabs-tab:not(.dxbl-active):not(.dxbl-tabs-tab-selected) * {
    color: var(--jump-tabs-text) !important;
    background: transparent !important;
    background-color: transparent !important;
}

.jump-devexpress-tabs .nav-link:hover,
.jump-devexpress-tabs .dxbl-tabs-item:hover,
.jump-devexpress-tabs .dxbl-tabs-tab:hover {
    background: var(--jump-tabs-hover-bg);
    background-color: var(--jump-tabs-hover-bg) !important;
    color: var(--jump-tabs-text-active);
    border-color: transparent;
}

.jump-devexpress-tabs .nav-link.active,
.jump-devexpress-tabs .dxbs-tabs .nav-link.active,
.jump-devexpress-tabs .dxbl-tabs-item.dxbl-active,
.jump-devexpress-tabs .dxbl-tabs-tab.dxbl-active,
.jump-devexpress-tabs .dxbl-tabs-item-selected,
.jump-devexpress-tabs .dxbl-tabs-tab-selected {
    background: var(--jump-tabs-active-bg);
    background-color: var(--jump-tabs-active-bg) !important;
    color: var(--jump-tabs-text-active) !important;
    border-color: var(--jump-tabs-border-active) !important;
    border-bottom: 0 !important;
    box-shadow: none;
    margin-bottom: -1px;
}

.jump-devexpress-tabs .nav-item:has(.nav-link.active),
.jump-devexpress-tabs .dxbl-tabs-item.dxbl-active,
.jump-devexpress-tabs .dxbl-tabs-tab.dxbl-active,
.jump-devexpress-tabs .dxbl-tabs-item-selected,
.jump-devexpress-tabs .dxbl-tabs-tab-selected {
    background: var(--jump-tabs-active-bg) !important;
    background-color: var(--jump-tabs-active-bg) !important;
}

.jump-devexpress-tabs .nav-link.active *,
.jump-devexpress-tabs .dxbs-tabs .nav-link.active *,
.jump-devexpress-tabs .dxbl-tabs-item.dxbl-active *,
.jump-devexpress-tabs .dxbl-tabs-tab.dxbl-active *,
.jump-devexpress-tabs .dxbl-tabs-item-selected *,
.jump-devexpress-tabs .dxbl-tabs-tab-selected * {
    color: var(--jump-tabs-text-active) !important;
}

.jump-devexpress-tabs .dxbs-scroll-button,
.jump-devexpress-tabs .dxbl-tabs-scroll-btn,
.jump-devexpress-tabs .dxbl-btn {
    border-radius: 10px;
}